2017-05-30 167 views
0

我有一個jQuery問題:我的頁面上有jquery選項卡,每個選項卡內有一個帶有類的跨度。現在,我創建了另一個選項卡,內部跨度相同,但是不起作用。jquery「單擊」按鈕內的選項卡

此代碼做工精細用existants標籤,而不是動態創建的標籤:

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

現在,如果我嘗試這個代碼,它不existants標籤工作:

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

我的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選項卡...

有人可以幫助我嗎?

在此先感謝,併爲我的英語對不起......

+0

你也可以分享HTML,以便它變得容易理解。 –

+0

https://www.google.com/search?q=jquery+event+handler+dynamic+content – CBroe

+0

這可能是因爲onClick事件傳播正在停止,因此在整個文檔中監聽此事件不會解決您的問題問題 –

回答

2

我有同樣的問題,所以我解決這個問題的方法:

您添加事件的創建與此代碼的新的動態標籤後。

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

這對我來說很好。