動的にDOM要素を追加すると、新しい要素jQueryはイベントをクリックして無効になります【問題解決】

4355 ワード

HTMLの内容:
<ul class="nav nav-tabs" id="myTabs">
ul>

動的にdomを追加するには:
$('#myTabs').append(
	"
  • "
  • +key+"" );

    バインドイベント:
    $('#myTabs a').click(function (e) {
            	  e.preventDefault();
            	  $(this).tab('show');
            	});
    

    テストでクリックイベントが無効であることが判明しました.
    解決:on()メソッドバインドに変更
    $('#myTabs').on("click","a",function (e) {
            	  e.preventDefault();
            	  $(this).tab('show');
            	});