Javascript 框架中所有元素上的鼠标悬停仅响应单击

我试图将处理程序应用于iframe（位于同一个域上）中的所有元素，但我不明白为什么函数只在单击时启动。我担心这可能与iframe只有在我点击它时才处于活动状态这一事实有关。我在类似这样的JSFIDLE中看到过这种应用

这基本上是我的代码（我尝试使用委托函数模拟JSFIDLE，得到了相同的结果）：

编辑

---

使用JSFIDLE（）我发现，如果您将其切换到jquery 2.1.0的最新版本，那么代码将不再工作，似乎1.8.3是使用该代码的最新版本。

模仿您提到的JSFIDLE应该可以正常工作，您必须使用

委托（）

函数：

var$c=$（'iframe'）.contents（）；
$c.delegate（'div'，'hover'，function（）{
$（this.css（“背景色”、“黄色”）；
});

这对我很有用-

var $c = $('iframe').contents();
$c.delegate('div', 'hover', function() {
    $(this).css("background-color", "yellow");
});

---

您使用jQuery1.4的原因是什么？嗯，您是对的，这在JSFIDLE上确实有效。我的代码一定有点奇怪。@TareqPerez您的测试页面可以在线查看吗？我认为页面上的元素太多，导致iframe在chrome中失去响应并崩溃。谢谢你确认我做对了@TareqPerez，只是好奇，为什么你会将选定的答案更改为与此完全相同但稍后发布的另一个答案？为什么这会被否决？与公认的答案相同。

<iframe src="http://fiddle.jshell.net"></iframe>

var $c = $('iframe').contents();

$c.delegate('div', "hover", function() {
      $(this).css("background-color", "yellow");
});

var $c = $('iframe').contents();
$c.delegate('div', 'hover', function() {
    $(this).css("background-color", "yellow");
});