jquery 实时悬停不工作

Question

由于 mouseover 和 mouseout ，我在 IE 上遇到了一些下拉菜单闪烁的问题，所以我更改了代码由于数据是来自 ajax 的动态数据，因此可以悬停并实时显示。

但是下面的代码不起作用，我也得到了最新的jquery。

以下代码执行时没有错误，但不起作用

$('.cs-rec').live("hover",
        function() {       
        $(this).find('.cs-title').css('text-decoration','underline');
        },
        function() {
         $(this).find('.cs-title').css('text-decoration','none');
        }
    );   

Answer 1

如果您不需要 IE6 支持，请绝对使用 @patrick 的解决方案。

如果您确实必须支持它: .live() 没有 2 种方法重载你需要像这样分开:

$('.cs-rec').live("mouseenter", function() {       
  $(this).find('.cs-title').css('text-decoration','underline');
}).live("mouseleave", function() {
  $(this).find('.cs-title').css('text-decoration','none');
});   

或者，(虽然它还没有出现在文档中)在 jQuery 1.4.3+ 中可以获取 map ，如下所示:

$('.cs-rec').live({
  mouseenter: function() {       
    $(this).find('.cs-title').css('text-decoration','underline');
  },
  mouseleave: function() {
    $(this).find('.cs-title').css('text-decoration','none');
  }
});