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

【问题标题】：Load partial view on button click after navigation to another page in MVC导航到 MVC 中的另一个页面后，在按钮单击时加载部分视图
【发布时间】：2017-04-20 17:10:11
【问题描述】：

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

<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>

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

我在这里做错了什么？

【问题讨论】：

“从这里转到另一个页面”是什么意思？新页面是否有partialCalDiv？
局部视图放在哪里？它在您的主布局中吗？
是的，它在布局页面中。

标签： jquery asp.net-mvc

【解决方案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>

【讨论】：