jquery sống lơ lửng

Tôi đang sử dụng mã jquery sau đây để chỉ hiển thị nút xóa theo ngữ cảnh cho các hàng trong bảng mà chúng tôi đang di chuột bằng chuột. Điều này hoạt động nhưng không phải cho các hàng đã được thêm bằng js / ajax khi đang bay ...

Có cách nào để làm cho công việc này với các sự kiện trực tiếp?

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

jQuery 1.4.1 hiện hỗ trợ "hover" cho các sự kiện live (), nhưng chỉ với một hàm xử lý sự kiện:

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

function () {

});

Ngoài ra, bạn có thể cung cấp hai chức năng, một cho mouseenter và một cho 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() đã bị phản đối kể từ jQuery 1.7

Sử dụng .on()thay thế và chỉ định bộ chọn hậu duệ

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

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

Kể từ jQuery 1.4.1, sự kiện di chuột hoạt động với live(). Về cơ bản, nó chỉ liên kết với các sự kiện mouseenter và mouseleave, mà bạn có thể làm với các phiên bản trước 1.4.1.

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

Điều này đòi hỏi hai ràng buộc nhưng cũng hoạt động tốt.

Mã này hoạt động:

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

CẢNH BÁO: Có một hình phạt hiệu suất đáng kể với phiên bản di chuột trực tiếp. Nó đặc biệt đáng chú ý trong một trang lớn trên IE8.

Tôi đang làm việc trên một dự án nơi chúng tôi tải các menu đa cấp bằng AJAX (chúng tôi có lý do của chúng tôi :). Dù sao, tôi đã sử dụng phương thức trực tiếp cho di chuột hoạt động tuyệt vời trên Chrome (IE9 đã làm được, nhưng không tốt lắm). Tuy nhiên, trong IE8 Nó không chỉ làm chậm các menu (bạn phải di chuột trong vài giây trước khi thả), mà mọi thứ trên trang đều chậm một cách khó khăn, bao gồm cuộn và thậm chí kiểm tra các hộp kiểm đơn giản.

Liên kết các sự kiện trực tiếp sau khi chúng được tải dẫn đến hiệu suất đầy đủ.