如何在鼠标悬停上显示/隐藏div

问题描述：

我正在使用jQuery 1.3。

这是我有：

$('#hoveroverthis').hover(function() {$('#showbox').show()});

不应该工作的呢？

编辑：固定。感谢大家！

JS代码是罚款：http://jsfiddle.net/9pNdm/所以请张贴有包含在自提琴显示你的尝试的例子。 – fcalderan 2012-08-03 08:13:45

如果#hoveroverthis可能在另一个div类中，它会影响吗？ – Senkou 2012-08-03 08:17:11

nope，它会查找带有您提到的ID的元素，它不关心其“父”是谁。 – 2012-08-03 08:18:28

答

权威的答案，这个问题是：是，应该工作假设你已经输入了正确的元素ID和元素在脚本运行时存在这些ID。

要确保文档已准备好被JavaScript处理，请将代码包装到文档“就绪”事件的句柄中。 jQuery有这个快捷方式：

$(function() { 
    // Everything in this context will be executed when the document is ready 
    $('#hoveroverthis').hover(function() {$('#showbox').show()}); 
});

此脚本包含在

标记 – Senkou 2012-08-03 08:19:57

@Senkou：那就解释一下。由于您的脚本在创建页面中的元素之前运行，因此没有任何反应。代之以在我的答案中使用代码，它会起作用。 – Hubro 2012-08-03 08:20:56

答

可以在$.document.ready()功能编写代码，并检查它

这是做什么的？ – Senkou 2012-08-03 08:19:25

将在DOM加载后将事件绑定到元素 – bugwheels94 2012-08-03 08:20:40

@Senkou检查它http://docs.jquery.com/Tutorials:Introducing_$（document）.ready（） – Hkachhia 2012-08-03 08:23:35

答

您可以使用此：

$(document).ready(function(){//when document is ready (loaded) these functions will initialise 
    $('#hoveroverthis').hover(function() { 
    $('#showbox').show() 
    },function() {//mouseleave event 
    $('#showbox').hide() 
    }); 
});

如何在鼠标悬停上显示/隐藏div

相关推荐