我有一个asp.net mvc项目。在我看来,我使用了引导程序模式,我想在完成每项工作后将其隐藏起来。我的剃须刀页面代码如下:
@using MyEshop.Utilities
@model IEnumerable<DataLayer.Users>
@{
ViewBag.Title = "مدیریت کاربران";
Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml"; ;
}
<br />
<h2>مدیریت کاربران</h2>
<br />
<p>
@*<a class="btn btn-primary" href="@Url.Action("Register")">افزودن کاربر جدید</a>*@
<a class="btn btn-primary" onclick="Create()">افزودن کاربر جدید</a>
</p>
<div id="listUsers">
@Html.Action("ListUsers")
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLable">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h5 class="modal-title" id="myModalLable">Modal title</h5>
</div>
<div class="modal-body" id="myModalBody">
...
</div>
</div>
</div>
</div>
<script>
function Create(parentId) {
$.get("/Admin/Users/Register/" + parentId,
function (result) {
$("#myModal").modal();
$("#myModalLable").html("افزودن گروه جدید");
$("#myModalBody").html(result);
});
}
function Edit(id) {
debugger;
$.get("/Admin/Users/Edit/" + id,
function (result) {
$("#myModal").modal();
$("#myModalLable").html("ویرایش گروه");
$("#myModalBody").html(result);
});
}
function Delete(id) {
if (confirm("آیا از حذف مطمئن هستید؟")) {
$.get("/Admin/Users/Delete/" + id,
function () {
$("#group_" + id).hide('slow');
});
}
}
function success() {
debugger;
$("#myModal").modal("hide");
}
</script>
我在Layout.cshtml(母版页)中引用了“ jquery.validate.unobtrusive.min.js”。正如您在代码末尾所看到的那样,每次完成每项工作后,我都使用了success()函数隐藏了我的模态,但是当我使用调试器在浏览器中调试脚本时,调试器将向我显示错误,如下图: >
模态不会被隐藏。我该怎么解决?