如何解决为什么此鼠标悬停jQuery代码不起作用?
| 我在网站顶部使用了以下代码(我也尝试过使用正文):<script>
$(document).ready(function() {
$(function(){
$(\"#h1\").mouseover(function () {
$(\"#h1\").css(\"color\",\"red\");
});
});
});
</script>
我还将它用作div(按钮):
<div class=\"button\" id=\"h1\"><strong>Home</strong></div>
为什么将鼠标悬停在字体上时,字体没有变为红色? (原色为白色菲)
解决方法
在运行内联脚本代码时,jQuery尚未找到任何将鼠标悬停绑定到的结果。
您需要将内联脚本包装在document.ready调用中,如下所示:
$(document).ready(function() {
$(\"#h1\").mouseover(function () {
$(\"#h1\").css(\"color\",\"red\");
});
});
准备好jQuery \的ready函数
, 您需要将其包裹在document.ready
内。问题是您正在尝试在创建元素之前将处理程序附加到元素。
您应该阅读文档以准备更好地了解:
http://api.jquery.com/ready/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。