jquery live hover

Question

Sto usando il seguente codice jquery per mostrare un pulsante di eliminazione contestuale solo per le righe di tabella che stiamo passando con il mouse. Funziona ma non per le righe che sono state aggiunte con js/ajax al volo ...

C'è un modo per farlo funzionare con eventi dal vivo?

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

Answer 1

jQuery 1.4.1 supporta ora "hover" per gli eventi live(), ma solo con un evento funzione del gestore:

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

function() { 

}); 

In alternativa, è possibile fornire due funzioni, una per MouseEnter e uno per mouseLeave:

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

    }, 
    mouseleave: function() { 

    } 
}); 

Answer 2

Come di jQuery 1.4.1, l'evento hover lavora con live(). E 'fondamentalmente solo lega ai MouseEnter e MouseLeave eventi, che si può fare con le versioni precedenti alla 1.4.1 altrettanto bene:

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

Ciò richiede due si lega, ma funziona altrettanto bene.

Answer 3

Questo codice funziona:

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

AVVISO: C'è una penalità significativa nelle prestazioni con la versione live di hover. È particolarmente evidente in una pagina di grandi dimensioni su IE8.

Sto lavorando a un progetto in cui vengono caricati menu multi-livello con AJAX (abbiamo i nostri motivi :). Ad ogni modo, ho usato il metodo live per l'hover che ha funzionato benissimo su Chrome (IE9 ha funzionato, ma non eccezionale). Tuttavia, in IE8 non solo ha rallentato i menu (è stato necessario librarsi per un paio di secondi prima che scendesse), ma tutto nella pagina era dolorosamente lento, incluso lo scorrimento e persino il controllo di caselle di controllo semplici.

Il binding degli eventi direttamente dopo il caricamento ha comportato prestazioni adeguate.

Answer 6

.live() è stata deprecata come di jQuery 1.7

Usa .on() invece e specificare un selettore discendente

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

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