jquery e duplicazione delle righe di una tabella

[cavicchiandrea]

Devi usare evento on (disponibile dalla versione 1.7) per associare il click al pulsante $('body').on('click', '.tuaclassepulsante', function(){quello che deve fare il tasto}) il tutto racchiuso nel ready

[Alanfo]

Devi usare evento on (disponibile dalla versione 1.7) per associare il click al pulsante $('body').on('click', '.tuaclassepulsante', function(){quello che deve fare il tasto}) il tutto racchiuso nel ready

Grazie per le indicazioni che mi avete dato, ma mi trovo comunque in difficoltà, vi posto il codice che ho scritto:

<form role="frmRigheFattura">
<table class="table table-striped table-bordered table-hover righeFattura" id="tblRigheFattura" >
<tbody>
<tr>
<td colspan="5">
<label class="control-label" for="textinput">desc. prodotto/servizio</label>
<input type="text" id="descProdServ" class="form-control textarea">
</td>
</tr>
<tr>
<td>
<label class="control-label" for="textinput">conto di contabilità</label>
<select id="ctContabilita" name="ctContabilita" class="form-control">
<option>piano dei conti 1</option>
<option>piano dei conti 2</option>
<option>...</option>
</select>
</td>
<td>
<label class="control-label" for="textinput">Qta</label>
<input type="text" id="qta" class="form-control" style="width: 50px;">
</td>
<td>
<label class="control-label" for="textinput">importo</label>
<input type="text" id="prezzo" class="form-control miniTextBox">
</td>
<td>
<label class="control-label" for="textinput">iva</label>
<select id="iva" name="iva" class="form-control">
<option>4 %</option>
<option>10 %</option>
<option>...</option>
</select>
</td>
<td>
<div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-align-justify"></i></a>
<ul class="dropdown-menu">
<li><a name="lnkDuplica" href="#" class="clsDuplica"><i class="fa fa-pencil fa-fw"></i> duplica</a></li>
<li><a name="lnkCancella" href="#"><i class="fa fa-trash-o fa-fw"></i> cancella</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>


$(".clsDuplica").on('click', function() {
$(this).closest('.righeFattura').clone().insertAft er(".righeFattura:last");
});

il risultato è che la prima volta il pulsante clsDuplica funziona, in quanto già presente nella pagina quando viene caricata, quindi presenta nel DOM; mentre il clsDuplica del secondo pulsante duplicato dal primo, non scatena + l'evento on(click.. del javascript. E' come se per il secondo pulsante, generato dalla duplicazione del primo, non ci fosse la funzione jquery.