Question

我在网站的头部区域使用以下代码（我也试过了身体）：

<script>
 $(document).ready(function() {
  $(function(){
    $("#h1").mouseover(function () {
    $("#h1").css("color","red");
  });
  });
  });
</script>

我也使用它作为div（按钮）：

<div class="button" id="h1"><strong>Home</strong></div>

当鼠标悬停在字体上时，为什么字体不会变为红色？（原色是白色的fyi）

Answer 1

在内联脚本代码运行时，jQuery没有找到任何将鼠标悬停在其上的结果。

您需要将内联脚本包装在document.ready中，如下所示：

$(document).ready(function() {
    $("#h1").mouseover(function () {
       $("#h1").css("color","red");
    });
});

Ready about jQuery's ready function

Answer 2

您需要将其包含在document.ready内。问题是您正在尝试在创建元素之前将处理程序附加到元素。

您应该阅读文档以便更好地理解：

http://api.jquery.com/ready/

为什么这个mouseover jquery代码不起作用？

2 个答案: