Question

我想在一些嵌套的div中使用一个锚元素的事件，但是在我的代码中有些东西不起作用。

我在该选择器上尝试了数百种变体，但它仍然不起作用。

html代码：

<div class="tabContents">
  <div class="thumbArea">
  <a href="#">
    <img src="foo" alt="baba"/>
  </a>
  </div>
  <div class="imageArea">
  </div>
</div>

JS：

$(function(){

  $(".tabContents a").hover(function() {
  alert("just work!");
  });

});

Answer 1

jQuery hover有两个函数，一个是“over”和“out”。

$(".tabContents a").hover(function() {
     alert("mouse over!");
   }, function(){
      alert("mouse out!");
});

如果你只是在寻找鼠标悬停，我建议：

$(".tabContents a").mouseover(function() {
    alert("just work!");
});

进一步回复：

尝试使用jQuery的live事件。这将确保事件监听器也会关注添加到DOM的任何新元素（例如您要添加的元素）。但是，live目前不支持hover。您可以执行mouseover和mouseout事件，但效果相同。

$('.tabContents a').live('mouseover', function(){
   alert('mouseover!');
});

$('.tabContents a').live('mouseout', function(){
   alert('mouseout!');
});

我想我看到有人为jQuery编写了一个扩展，允许在回复问题时使用live使用'hover'，所以可以这样做，但唉，我不能似乎找到了它。

Answer 2

你的代码 - 复制的角色 - 对我来说非常合适。（注意：Windows上的Firefox。）

尝试使用firebug，看看它是否有助于确定您的情况。

嵌套div中的元素，jquery事件不起作用

2 个答案: