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

发布于 2024-08-17 15:43:01 字数 462 浏览 5 评论 0原文

我想在某些嵌套 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!");
  });

});

原文

i want to use an event of an anchor element in some nested div's but something is not working in my code.

i tried hundreds of variations on that selector but it still does not work.

html code:

<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!");
  });

});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

绅士风度i 2024-08-24 15:43:01

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 目前不支持悬停。您可以执行 mouseover 和 mouseout 事件来达到相同的效果。

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

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

我想我看到有人为 jQuery 编写了一个扩展，允许在 live 中使用“hover”来回答这里的问题，所以这是可以做到的，但是可惜，我不能似乎找到了。

jQuery hover takes two functions, an "over" and an "out".

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

If you're just looking for mouseover, I would suggest:

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

Further Response:

Try using jQuery's live event. This will ensure that the event listener will also be paying attention for any new elements added to the DOM (like the ones you're appending). However, live does not currently support hover. You can do a mouseover and a mouseout event though to achieve the same effect.

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

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

I think I saw that somebody wrote an extension for jQuery that allowed for the use of 'hover' with live in a response to a question here on SO, so it can be done, but alas, I cannot seem to find it.

回复收藏 0 原文