jQuery sul metodo() non si lega gli eventi come Live() ha fatto

Question

Come descritto a http://api.jquery.com/live/:

Come di jQuery 1.7, il metodo .Live() è deprecato. Usa .on() per allegare gestori di eventi.

Diritto. Così, invece di

$('.dynamicallyCreatedElement').live('click', function(){ 
    console.log('click'); 
}); 

dovrei usare:

$('.dynamicallyCreatedElement').on('click', function(){ 
    console.log('click'); 
}); 

Tuttavia non si lega evento da elementi creati dopo on() chiamata. Quindi è davvero meglio il metodo live()?

Mi manca qualcosa?

Answer 1

Per utilizzare on nello stesso modo in cui live usato per lavorare è necessario utilizzarlo come:

$(document).on("click", ".dynamicallyCreatedElement", function() { 
    console.log('click'); 
}); 

Così si associa il gestore on al document stessa (o, in realtà, l'elemento contenitore in cui il nuovi elementi saranno "visualizzati" - Grazie a @ devnull69 per i chiarimenti), quindi passargli un tipo di evento e il selettore.

Troverete un paio di esempi a metà della pagina di documentazione live.

Answer 2

$('#closestStaticParent').on('click', '.dynamicallyCreatedElement' function(){ 
    console.log('click'); 
}); 

Answer 3

Usa come delegato()

$('body').on('click', '.dynamicallyCreatedElement', function() { 
}); 

EDIT: Proprio così tutti ottiene, quando si utilizza delegato() il selettore è il primo argomento e su() è la seconda.

Answer 4

ho trovato la necessità di utilizzare questo approccio con il:

$('#container').on('click','.dynamicallyCreatedElement',function(){ 
    console.log('click'); 
});