jquery e duplicazione delle righe di una tabella

[Alanfo]

Salve,
ho la necessità di avere una tabelle, nelle quali righe, oltre le colonne per i dati, in ultima colonna mi ritrovo un pulsante di dulicazione riga.

Quello che accade è che quando creo una duplicazione, partendo da una riga già risultato di una duplicazione, il pulsante delle nova riga, anch'esso duplicato, non viene rilevato dell'evento jquery.

Qualcuno sa aiutarmi?
Grazie

[KillerWorm]

Ciao, funzioni ed eventi applicati tramite JavaScript/jQuery ad un qualsiasi elemento HTML, di norma non vengono mantenuti quando l'elemento viene duplicato. Credo quindi che dovresti applicare nuovamente la funzione jQuery al pulsante appena creato dopo che la riga viene duplicata.

Se non riesci, posta il codice in questione o, se possibile, posta un link alla pagina pubblica, così ti si può aiutare meglio.

[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.

[cavicchiandrea]

Come ti ho detto devi usare l'evento on al body non alla classe

[Alanfo]

Come ti ho detto devi usare l'evento on al body non alla classe

Funziona!
Grazie ragazzi.