jquery "on click" auf der Schaltfläche innerhalb der Registerkarte

Question

Ich habe ein jquery Problem: Ich habe jquery Tabs auf meiner Seite, und in jedem Tab gibt es einen Bereich mit einer Klasse. Jetzt erstelle ich eine andere Registerkarte dynamisch mit Span innerhalb, mit derselben Klasse, aber es funktioniert nicht.

Dieser Code funktioniert mit existants Tabs, aber nicht auf den dynamisch erstellt Registerkarte:

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

Nun, wenn ich diesen Code versuchen, es nicht für existants Tab arbeiten:

// validation form modif libellé catégorie 
$(document).on('click', '.editLibelleCategorie', function(e) 
{ 
    console.log('1'); 
}); 

Mein hTML-Code:

<li class="sortable" id="2" data-idCategorie="2" data-libelleCategorie="cat" data-ordreCategorie="4"> 
    <a href="#tab2"> 
     <span class="button small aqua button-3d effect fill fa fa-pencil editLibelleCategorie" data-idCategorie="2" data-libelleCategorie="cat"></span> 

     <span class="button small red button-3d effect fill fa fa-minus deleteCustomCategorie" data-idCategorie="2"></span> 

     <br><span id="libelleCategorie_2">cat</span> 
    </a> 
</li> 

Es ist wie das "Dokument" Elementselektoreinrichtung nicht in jquery Registerkarte arbeiten ...

Kann mir jemand helfen?

Vielen Dank im Voraus, und sorry für mein Englisch ...

Answer 1

hatte ich das gleiche Problem, so dass ich auf diese Weise lösen:

Sie das Ereignis hinzufügen, nachdem die neue dynamische Tab mit diesem Code erstellen.

$('.editLibelleCategorie').attr('onclick','functionName()'); 

Das funktioniert gut für mich.