jQuery适用于JSFiddle，但不能在本地工作

jQuery works on JSFiddle but not locally

本文关键字：工作 但不能 适用于 JSFiddle jQuery      更新时间：2023-09-26

我写了一个简单的程序来查看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>

把这个代码

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

像下面这样使用： 

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

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

相关文章：