我有一个带有jquery数据表的bootstrap 3模型对话。但是如果第一个打开和关闭第二个,只有背景消失而没有对话并冻结。甚至鼠标单击也不起作用
我的动作链接
@Html.ActionLink("Get File ", "_ViewFIles", "POPM_Trn_Job", null, new { @class = "modal-link btn btn-success" })
@Html.ActionLink("Get Shared ", "GetSharedWithMe", "POPM_Trn_Job", null, new { @class = "modal-link2 btn btn-success" })
我的第一个对话框
<div id="modal-container" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-content">
</div>
第二个对话框
<div id="modal-container-Share" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-content">
</div>
</div>
我的第一个jQuery
$(function () {
$('body').on('click', '.modal-link', function (e) {
e.preventDefault();
$(this).attr('data-target', '#modal-container');
$(this).attr('data-toggle', 'modal');
});
$('body').on('click', '.modal-close-btn', function () {
$('#modal-container').modal('hide');
});
$('#modal-container').on('hidden.bs.modal', function () {
$(this).removeData('bs.modal');
});
$('#CancelModal').on('click', function () {
return false;
});
});
秒 `$(function(){
$('body').on('click', '.modal-link2', function (e) {
e.preventDefault();
$(this).attr('data-target', '#modal-container-Share');
$(this).attr('data-toggle', 'modal');
});
$('body').on('click', '.modal-close-btn', function () {
$('#modal-container-Share').modal('hide');
});
$('#modal-container-Share').on('hidden.bs.modal', function () {
$(this).removeData('bs.modal');
});
$('#CancelModal').on('click', function () {
return false;
});
});
我做错了什么?请帮助
`