Question

当在jquery中将鼠标悬停在td上时，如何使td中的URL触发“a：hover”css效果

Answer 1

您可以尝试：

$('td').hover(function() {
    $(this).find('a').mouseover();
}, function() {
    $(this).find('a').mouseout();
});

Answer 2

我希望它很简单，似乎不会起作用，因为我通过ajax加载表，所以即使添加直播它也无济于事......

$('td').live('hover',function() {
    $(this).find('a.desc').mouseover();
}, function() {
    $(this).find('a.desc').mouseout();
});

Answer 3

$('td').hover(function() {
    $(this).find('a').addClass('name-class-simulates-hover');
}, function() {
    $(this).find('a').removeClass('name-class-simulates-hover');
});

也许添加一个具有与a：hover相同效果的类？

Answer 4

某些事件无法通过.live或其他方式处理，因此如果您发现自己需要将事件添加到新内容中，在通过ajax添加到页面之后或之后，您可以通过以下方式添加事件管理打电话给一个功能。

function AddHover()
{
  $('td').hover(function() { 
      $(this).find('a').addClass('myHoverClass');
  }, function() { 
      $(this).find('a').removeClass('myHoverClass'); 
  }); 
};

并在ajax载入中：

...剪断

success: function(msg)
{
    LoadTableData(msg);// this function would process and add your page elements
    AddHover();// this then adds the events to the new markup
},

...结束剪辑 - 有关“成功：”的详细信息，请参阅jQuery .ajax

Answer 5

感谢您输入Thomas和Mark。

托马斯：我尝试了你的方法并且它没有用，但是它给了我一个想法，稍微调整它，我让它工作......

$('tr').live('mouseenter',function() {
$(this).find('a.desc').addClass('bold');

}）。住（ '鼠标离开'，函数（）{ $（本）.find（ 'a.desc'）removeClass（ '大胆'）。 }）;

以上代码是我当前的解决方案及其工作，悬停似乎不起作用，因为再次需要live来删除'bold'类，因此我使用mouseenter和mouseleave。

在$（this）.find（'a.desc'）上使用鼠标悬停.mouseover（）;是不可能的......它甚至让谷歌铬延迟就像其他人一样......所以我相信这不是一个好主意......

马克：这是一个非常有趣的想法，我会试一试，我尽量避免使用“.live（）”尽可能看起来不是一个有效的方法，但这对于web 2.0非常困难，

当urd在:: jquery ::时，使url悬停

5 个答案: