jquery live hover

Question

Korzystam z poniższego kodu jquery, aby pokazać kontekstowy przycisk usuwania tylko dla wierszy tabel, które zawieszamy myszą. Działa to, ale nie dla wierszy, które zostały dodane z js/ajax w locie ...

Czy istnieje sposób, aby to działało z wydarzeniami na żywo?

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

Answer 1

jQuery 1.4.1 obsługuje teraz „hover” na żywo() wydarzeń, ale tylko jeden z funkcji obsługi zdarzeń:

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

function() { 

}); 

Alternatywnie, można zapewnić dwie funkcje, jedną dla mouseenter i jeden dla mouseLeave:

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

    }, 
    mouseleave: function() { 

    } 
}); 

Answer 2

Jak jQuery 1.4.1, zdarzenie aktywowanych współpracuje z live(). To w zasadzie tylko wiąże się z mouseenter i mouseLeave zdarzeń, które można zrobić z wersji przed 1.4.1 równie dobrze:

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

Wymaga to dwóch wiąże ale działa tak samo dobrze.

Answer 3

Ten kod działa:

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

Answer 4

$('.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 5

OSTRZEŻENIE: Występuje znaczna kara za wydajność w wersji aktywnej na żywo. Jest to szczególnie widoczne na dużej stronie na IE8.

Pracuję nad projektem, w którym ładujemy wielopoziomowe menu za pomocą AJAX (mamy nasze powody :). W każdym razie użyłem metody na żywo dla hover, która świetnie działała w Chrome (IE9 działało dobrze, ale nie wspaniale). Jednak w IE8 nie tylko spowolnił menu (trzeba było zawisnąć przez kilka sekund, zanim spadnie), ale wszystko na stronie było boleśnie powolne, w tym przewijanie, a nawet sprawdzanie prostych pól wyboru.

Wiązanie zdarzeń bezpośrednio po ich załadowaniu spowodowało odpowiednią wydajność.

Answer 6

.live() został wycofany z jQuery 1.7

Korzystanie .on() zamiast i określić selektor potomka

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

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