$.ajax modal,使用bootstrap modal.load()加载的js，第二次modal显示的时候，js不生效？...
我想要動態加載modal內的內容(一個模版，里面包含加載js文件)，
我使用load(),在modal顯示的時候進行ajax加載，js如下：
$('#modal').on('show.bs.modal', function (e) {
$(this).load($(e.relatedTarget).data('url'));
});
原先在頁面上已經存在：
喚起modal的按鈕code為：
添加
modal內容是：
×
title
名稱
關閉
保存
add.js:
$('#add_submit').on('click', function () {
$("#community_add").submit();
});
$("#add").validate({
submitHandler: function (form) {
let options = {
success: function (data) {
$('#modal').modal('hide');
notify.success(data.msg);
setTimeout('window.location.reload()',2000);
},
error : function (res) {
if (res.status == 422) {
let errors = res.responseJSON;
let errorMsg = '';
$.each(errors, function (key, value) {
errorMsg += value +'';
})
notify.danger(errorMsg,3);
} else {
}
}
};
$(form).ajaxSubmit(options);
},
rules: {
name: "required",
},
messages: {
name: "名稱不能為空",
}
});
我點一次點擊添加按鈕時，能夠正常加載js，和modal內的內容，而且點擊提交后，能夠正常提交。
但是當我沒有點提交，而是關閉modal后，再次點擊添加，展示的modal內容是存在的，但是，點擊提交并沒反應，jquery-validata也失效了。我確認過add.js第二次點擊時還是被加載出來的。
為什么第二次顯示的modal無法執行js？
總結
以上是生活随笔為你收集整理的$.ajax modal,使用bootstrap modal.load()加载的js，第二次modal显示的时候，js不生效？...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux系统json文件打中文,如何在
- 下一篇： Java-三元运算符