Question

我写了一个简单的程序，看看jQuery是否在本地运行，事实证明它不是。在此程序中，将鼠标悬停在红色框上会将其下方没有颜色的框更改为绿色。

这是JSFiddle：http://jsfiddle.net/sBk3M/495/

这是本地代码（它不起作用）。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>

<style type="text/css">
    .hoverbox {
        background-color:red;
        width:20px;
        height:20px;
    }

    .showbox {
        width:20px;
        height:20px;
    }
</style>

<script type="text/javascript">

    $('.hoverbox').hover(function() {
        $('.showbox').css("background-color", "green");
    });

</script>

</head>

<body>
    <div class="hoverbox">
    </div>

    <div class="showbox">
    </div>

</body>


</html>

Answer 1

把这段代码

$(function(){
     $('.hoverbox').hover(function() {
            $('.showbox').css("background-color", "green");
        });

    });

Answer 2

您可以使用以下内容：

$(document).ready(function(){
      $('.hoverbox').hover(function() {
          $('.showbox').css("background-color", "green");
      });
});

使用$(document).ready()的参考是jQuery Dom Ready

jQuery适用于JSFiddle但不适用于本地

2 个答案: