如何安裝單擊添加處理程序內容後 - J查詢

Question

我有HTML，看起來像。

<ul> 
    <li> 
     <a id="MP0003631" class="pheno" href="#">nervous system phenotype</a> 
    </li> 
<ul> 

點擊時，JQuery的，看起來像這樣：

$(".pheno").on("click", function(){ 
var id = $(this).attr("id"); 

$.ajax({ 
    type: "POST", 
    url: "treescript.php", 
    data: { pheno: id} 
    }).done(function(msg) { 
    $('#'+id).after("<br>"+msg+""); 
    alert(id); 
    }); 

}); 

將創建HTML，看起來像：

<ul> 
    <li> 
     <a id="MP0003631" class="pheno" href="#">nervous system phenotype</a> 
    <ul> 
     <li> 
      <a id="MP0003632" class="pheno" href="#">abnormal nervous system morphology</a> 
     </li> 
     <li> 
      <a id="MP0003633" class="pheno" href="#">abnormal nervous system physiology</a> 
     </li> 
    </ul> 
    </li> 
</ul> 

的問題是，正在創建的內容，不沒有得到JQuery的認可。 這可能嗎？

Answer 1

您可以使用jQuery的on()在委託模式，以附加到在稍後的時間點，你的選擇相匹配添加任何元素。

​​

上述匹配任何tr動態添加到#dataTable tbody（上面的代碼執行時，必須存在）。

您還可以使用的形式

$(document).on("click", "tr", function(event){ 
    alert($(this).text()); 
}); 

的點擊處理程序添加到任何tr稍後在文檔中的任意位置添加。