jQuery accoda e associa l’evento click usando on

Sto tentando di creare una riga della tabella con un pulsante al suo interno che quando viene fatto clic crea una nuova riga della tabella. La nuova riga ha anche lo stesso pulsante “aggiungi riga” e vorrei poter fare clic su quel pulsante per aggiungere un’altra riga. Ma non riesco a ottenere l’evento click da associare a un elemento che viene aggiunto all’interno dell’evento click. Sono sicuro che sto usando “on” in modo errato ma non riesco a capire come farlo.

http://jsfiddle.net/vivojack/WkfvC/2/

il mio html (semplificato)

This Line

il mio javascript (semplificato)

 $('#ct tbody tr td').on('click', '.addNewArea', function(event) { var areaCount = $('#ct tbody tr').length; var newAreaLine = 'New Line'; $(newAreaLine).appendTo('#ct tbody'); $(this).remove(); }); 

Grazie in anticipo.

Devi associare il gestore a un elemento che non è dinamico. Stai tentando di legarti al td , che non esiste quando fai il binding. Puoi invece bind al tavolo:

http://jsfiddle.net/TMvN6/

 $('#ct').on('click', '.addNewArea', function(event) { 

Demo di lavoro http://jsfiddle.net/Z5Vvc/

Puoi provare a collegarlo semplicemente a $(document).on( ora aggiunge il “+” così via e così via. Il link del Doc è piuttosto carino da leggere se sei appassionato.

.on API: .onhttp://api.jquery.com/on/

Spero che questo aiuti il ​​tuo bisogno :)

codice

 $(document).on('click', '.addNewArea', function(event) { var areaCount = $('#ct tbody tr').length; var newAreaLine = 'New Line'; $(newAreaLine).appendTo('#ct tbody'); $(this).remove(); });