javascript - 使用 .on() 关闭悬停 jquery

Question

我知道查询中的悬停方法允许您指定用户悬停时发生的情况以及用户悬停时发生的情况。但是，我使用 .on() 来处理悬停事件，因为内容是动态创建的。当用户取消悬停时，如何将其恢复到原始状态。这是我的代码，我试过 .off() 但它没有给出我正在寻找的结果:

$('tr').on('hover', 'td', function(){
    $(this).fadeTo(500, 1 )    
})

这是我尝试过的:

$('tr').off('hover', 'td', function(){
    $(this).fadeTo(500, .85 )         
})

谢谢。

Answer 1

如果你想使用.on()，处理的事件是“mouseenter”和“mouseleave”。您只需一次调用即可完成:

$('tr').on({
  mouseenter: function() {
    $(this).fadeTo(500, 1); // or whatever
  },
  mouseleave: function() {
    $(this).fadeTo(500, 0.85); // or whatever
  }
}, 'td');

您也可以通过 CSS 使用“:hover”伪类来做到这一点。在某种程度上，这甚至可以在旧版本的 IE 中使用。您也可以为更改设置动画。