Question

我制作了一个局部视图并从布局内的按钮调用它。

<script>
     $(document).ready(function () {
                $('#btnSubmit').click(function (e) {
                    var url1 = "@Url.Action("CreateCalendar", "AdminDashboard", new { area = "Admin" })";

                    $.get(url1, function (result) {
                        $("#partialCalDiv").html("");
                        $("#partialCalDiv").html(result);
                    });
                    $("#partialCalDiv").slideToggle("slow");
                });
            });
</script>

并在主体

<button id="btnSubmit" type="button" class="btn btn-primary" style="height:40px;width:50px;"> </button>

                <div id="partialCalDiv" style="height:510px;width:810px;z-index:1006; margin:0 auto">

                </div>

工作正常。但是当我从这里转到另一个页面时，我再次点击按钮来加载该局部视图，它没有点击控制器/视图。

我在这里做错了什么？

Answer 1

可能是因为更改页面时，事件绑定到按钮会丢失。你可以试试这个

<script>
     $(document).ready(function () {
                $(document).on('click', '#btnSubmit', function (e) {
                    var url1 = "@Url.Action("CreateCalendar", "AdminDashboard", new { area = "Admin" })";

                    $.get(url1, function (result) {
                        $("#partialCalDiv").html("");
                        $("#partialCalDiv").html(result);
                    });
                    $("#partialCalDiv").slideToggle("slow");
                });
            });
</script>

导航到MVC中的另一个页面后，在按钮单击时加载局部视图

1 个答案: