jquery "on click"ボタン内のボタン

Question

私はjqueryの問題があります。私のページにはjqueryのタブがあり、各タブの中にはクラスのあるスパンがあります。今、私は別のタブを同じクラスでスパン内部で動的に作成しますが、うまくいきません。私はこのコードをしようとした場合、それはexistantsタブでは動作しません。今すぐ

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

：

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

動的に作成されたタブの

existantsタブでこのコード作業罰金ではなく、私のHTMLコード：

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

「文書」要素セレクタがjqueryタブで機能しないのと同じです...

誰かが私を助けることができますか？

事前のおかげで、そして私の英語のため申し訳ありませんが...

Answer 1

私は同じ問題を抱えていたので、私はこの方法を解決する：

後にこのコードを使用して新しい動的タブを作成するには、イベントを追加します。

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

これは問題なく機能します。