動的にDOM要素を追加すると、新しい要素jQueryはイベントをクリックして無効になります【問題解決】
4355 ワード
HTMLの内容:
動的にdomを追加するには:
バインドイベント:
テストでクリックイベントが無効であることが判明しました.
解決:on()メソッドバインドに変更
<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');
});