为什么我的引导程序模式不会被函数success()隐藏? $(“#myModal”)。modal('hide'); }

时间:2019-05-28 11:19:21

标签: javascript jquery asp.net-mvc bootstrap-modal

我有一个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">&times;</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()函数隐藏了我的模态,但是当我使用调试器在浏览器中调试脚本时,调试器将向我显示错误,如下图: >

pic

模态不会被隐藏。我该怎么解决?

0 个答案:

没有答案