jquery直播悬停

Question

我正在使用以下jquery代码来显示我们用鼠标悬停的表行的上下文删除按钮.这适用但不适用于已随js/ajax添加的行...

有没有办法让这个工作与现场活动？

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

Answer 1

jQuery 1.4.1现在支持live()事件的"悬停",但只支持一个事件处理函数:

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

function () {

});

或者,您可以提供两个函数,一个用于mouseenter,另一个用于mouseleave:

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

    },
    mouseleave: function () {

    }
});

Answer 2

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

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

Answer 3

.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

Answer 4

从jQuery 1.4.1开始,悬停事件可以使用live().它基本上只是绑定到mouseenter和mouseleave事件,你也可以使用1.4.1之前的版本:

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

这需要两个绑定,但也可以.

Answer 5

此代码有效:

    $(".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");
            }
        });