同一页面中的引导模型对话不起作用

Question

我有一个带有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;
});
});

我做错了什么？

Answer 1

我解决了这个问题。我的脚本文档部分填充了三个jQuery引用；删除它们解决了问题。我想是因为每个部分视图都有引用，主页面也有引用，因为每个视图都必须使用jQuery数据表。