jQuery的实时悬停

我正在使用以下jquery代码来显示仅针对我们用鼠标悬停的表行的上下文删除按钮。这是可行的，但不适用于动态添加了js / ajax的行...

有没有办法通过现场直播来实现这一目标？

$("table tr").hover(
  function () {},
  function () {}
);

jQuery 1.4.1现在支持live（）事件的“悬停”，但仅具有一个事件处理函数：

$("table tr").live("hover",

function () {

});

另外，您可以提供两种功能，一种用于mouseenter，另一种用于mouseleave：

$("table tr").live({
    mouseenter: function () {

    },
    mouseleave: function () {

    }
});

$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

http://api.jquery.com/live/

.live() 从jQuery 1.7开始不推荐使用

使用.on()代替并指定后代选择器

http://api.jquery.com/on/

$("table").on({
  mouseenter: function(){
    $(this).addClass("inside");
  },
  mouseleave: function(){
    $(this).removeClass("inside");
  }
}, "tr");  // descendant selector

从jQuery 1.4.1开始，hover事件与一起使用live()。它基本上只绑定到mouseenter和mouseleave事件，您也可以对1.4.1之前的版本进行处理：

$("table tr")
    .mouseenter(function() {
        // Hover starts
    })
    .mouseleave(function() {
        // Hover ends
    });

这需要两个绑定，但效果也一样。

此代码有效：

    $(".ui-button-text").live(
        'hover',
        function (ev) {
            if (ev.type == 'mouseover') {
                $(this).addClass("ui-state-hover");
            }

            if (ev.type == 'mouseout') {
                $(this).removeClass("ui-state-hover");
            }
        });

警告：实时版本的悬停会大大降低性能。在IE8上的大页面上尤其值得注意。

我正在一个项目中，我们使用AJAX加载多级菜单（我们有原因：）。无论如何，我使用了live方法进行悬停，这在Chrome上效果很好（IE9可以，但效果不佳）。但是，在IE8中，它不仅减慢了菜单速度（您必须将鼠标悬停几秒钟才能掉落），而且页面上的所有内容都非常缓慢，包括滚动甚至选中简单的复选框。

加载事件后立即对其进行绑定会产生足够的性能。