Come usare Jquery document.on() sugli elementi che vengono inseriti tramite Ajax?

Question

Ho una pagina shell di Jquery Mobile, che sto caricando un modulo in Ajax. Il modulo ha alcune caselle di controllo, che devo associare a.

Stranamente, posso farlo funzionare impostare l'ascoltatore direttamente sul pulsante in questo modo:

$('input[name="ohneiln"]').on('change', function() { 
    alert("hello"); 
    }); 

Ma quando sto cercando di impostare l'ascoltatore a $(document) e delegare alla checkbox, l'ascoltatore non incendi:

$(document).on('change', 'input[name="ohneiln"]', function() { 
    alert("hello"); 
}); 

domanda:
Qual è il modo corretto di impostare un evento vincolante per gli elementi "dinamici" essere lo pubblicizzato in via Ajax utilizzando $(document).on()? Non è possibile per gli eventi change o perché sto incontrando problemi?

Grazie per l'aiuto!

Answer 1

Il modo in cui il metodo .on() cambia in base a come lo si utilizza. Nel primo esempio il metodo .on() si comporta in modo simile a bind e funziona solo su elementi già esistenti.

Il secondo esempio si comporta come .live() o delegate() in molti modi. E funzionerà per gli elementi che verranno aggiunti in seguito.

leggere la documentazione per una spiegazione dettagliata http://api.jquery.com/on/