Question

我有：

<html><head>
<script type="text/javascript" src="jquery-1.7.min.js"></script> 
<script type="text/javascript">
$("#hoverit").one("mouseover", function(){
 $("#tomato").append('t'); 
});
</script>
</head><body>
<div id="hoverit">hover over this</div>
<div id="tomato">mmm</div>
</body></html>

我试图让鼠标悬停只使用jquery one命令执行一次操作并且它无效...

有什么想法吗？

Answer 1

尝试：

<html><head>
<script type="text/javascript" src="jquery-1.7.min.js"></script> 

</head><body>
<div id="hoverit">hover over this</div>
<div id="tomato">mmm</div>
</body>
<script type="text/javascript">
$("#hoverit").one("mouseover", function(){
 $("#tomato").append('t'); 
});
</script>
</html>

Answer 2

使用@Royi Namir解决方案将js放在html的末尾或者使用ready处理程序，你的代码无效的原因是因为它在DOM未准备就绪时被触发或者当处理程序代码触发时，没有创建与事件绑定到的元素，解决方案是将js放在最后或使用$(document).ready();

<script type="text/javascript">
$(document).ready(function(){
$("#hoverit").one("mouseover", function(){
 $("#tomato").append('t'); 
});
});
</script>

鼠标悬停一次不起作用

2 个答案: