綁定聽者動態生成內容的HTML

Question

有使用jquery這樣一個動態生成頁面：

VAR HTML =「標籤... button..datatable ......等等......」;

我生成頁面時，點擊一個按鈕

$("btn").on("click",function(){ 
    $("body").append(html); 
}); 

的問題是，從生成的html所有元素沒有事件偵聽器，所以點擊按鈕/更改事件我用

$('body').on('change', '.gui-file', function (event) { 

但是，對於bootstrap元素，我如何將事件綁定到生成的元素？例如標籤？

或者在生成html內容之後有沒有比綁定更好的方法？由於

標籤：

       <div class="tab-block mb10"> 
            <ul class="nav nav-tabs nav-tabs-left tabs-border"> 
             <li class="active"> 
              <a href="#tab1_1" data-toggle="tab" aria-expanded="true">English</a> 
             </li> 
             <li class=""> 
              <a href="#tab1_2" data-toggle="tab" aria-expanded="false">繁體</a> 
             </li> 
             <li class=""> 
              <a href="#tab1_3" data-toggle="tab" aria-expanded="false">簡體</a> 
             </li> 
            </ul> 
            <div class="tab-content"> 
             <div id="tab1_1" class="tab-pane active"> 
</div> 
<div id="tab1_2" class="tab-pane"> 
</div> 
<div id="tab1_3" class="tab-pane"> 
</div> 
</div> 

Answer 1

能否請您通過調用初始化新添加的標籤：

$("btn").on("click",function(){ 
    $("body").append(html); 
    $(".nav-tabs").tab(); 
});