is(':hover')适用于jsfiddle但不适用于本地文件

时间:2012-07-26 14:48:29

标签: javascript jsfiddle

This example有效,但如果我创建这样的本地文件:

<script src="jquery-big.js"></script>
<div id="test">
    <div id="hello">click</div>
    <div id="no-hello">click</div>
</div>

<script>
$('#test').click(function() {
    if ($('#hello').is(':hover')) {
        $('#hello').html($('#hello').html()+' strange ');
    }
});
</script>

(从jsfiddle中删除了所有utf-8错误符号) - 没有任何作用,并且在控制台中没有错误。在Google Chrome 19.0.1084.46中查看。

1 个答案:

答案 0 :(得分:1)

试试这个〜

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>question</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        //document ready script here
        $(document).ready(function() {
            $('#test').click(function() {
                if ($('#hello').is(':hover')) {
                    $('#hello').html($('#hello').html()+' strange ');
                }
            });
        });
    </script>
</head>
<body>
    <!-- element below-->
    <div id="test">
        <div id="hello">click</div>
        <div id="no-hello">click</div>
    </div>
</body>
</html>