Jquery .on versus .live

Question

So che .live() è ora deprecato ma non riesco a cambiarlo e mantenere la funzionalità.

Ho solo una breve domanda sulla funzione .on() in jQuery. Attualmente sto usando .live()here

Come così:

$('table tr th').live("click", function() { 
}); 

Ma, quando provo e sostituire .live() con .on() non funziona più come dovrebbe.

Ho provato a mettere in

$('table tr th').on("click", function() { 
}); 

così come

$('table tr').live("click", "th", function() { 
}); 

e

$('table tr').delegate("th", "click", function() { 
}); 

ma senza alcun risultato.

Perché questo e quali passaggi è possibile eseguire per farlo funzionare correttamente?

Answer 1

La funzione on() richiede un aggiornamento sintattica, si dovrebbe modificare il codice per:

$('body').on("click", "table tr th", function()... 

Dai un'occhiata a questo articolo per ulteriori informazioni: http://www.andismith.com/blog/2011/11/on-and-off/

Answer 2

In qualche modo indovino che si aggiungono gli elementi tr nella tabella, non th.

$('table').on("click", "tr th", function(){}); 

Answer 3

Prova questo:

$('table tr th').live("click", function() { 

dovrebbe essere

$(document).on("click", "table tr th", function() { 

è così che si dovrebbe imitare la chiamata .live esattamente. Ovviamente potresti limitare il tuo selettore dal documento a qualcosa di più significativo basato sulla tua struttura DOM.

Edit:

Giusto per chiarire, nel tuo esempio, si sono tenuti a utilizzare $(document).on(... perché la tabella non ha i genitori e viene sostituita durante la vita della pagina.

Answer 4

Assicurarsi che l'elemento selezionato (il TH/tr) esiste quando la pagina viene caricata inizialmente. Il nuovo .on non funzionerà se questo selettore viene aggiunto in seguito al DOM.

Prova

$('body').on('click', 'thesSelectorForYourTriggerElement', function(){ 
    //callback 
});