在 ASP.NET Core MVC V2 部分视图中实现 JQuery答案

【问题标题】：Implement JQuery in ASP.NET Core MVC V2 Partial View在 ASP.NET Core MVC V2 部分视图中实现 JQuery
【发布时间】：2019-06-01 05:17:06
【问题描述】：

我正在从 ASP.Net Core MVC V2 控制器加载部分视图。

客户端-

$.ajax({
   url: url,
   method: 'get',
   contentType: "application/json; charset=utf-8",
   dataType: "html",
   success: function (response) {
                partialViewDiv.html(response);
            }
 });

服务器端-

public PartialViewResult UsingManualInput()
{
   return PartialView();
}

到目前为止一切都很好。但是我在该部分视图中的 JQuery 代码不起作用--

@section Scripts{
<script>   
    $(function () {
        alert('Hello'); //Not working

        $(document).on('click', '#Button', function () {
            alert('hello'); //Not working
        });
    });
 </script>
 }

有什么办法吗？

【问题讨论】：

标签： jquery partial-views asp.net-core-mvc-2.0

【解决方案1】：

目前尚不清楚您的加载脚本的 AJAX 调用是在什么时候触发的。

您的代码不工作的原因很可能是因为 document.ready() 没有被触发。您使用的语法：

$(function() {

})

是shortcut for $(document ).ready()

在您的情况下，您只是从后端加载 HTML/Script 片段并填充“partialViewDiv”元素。此时不会触发 document.ready - 甚至在调用加载后端脚本的 ajax 调用之前它很可能已经触发。

【讨论】：

【解决方案2】：

删除以下行解决了我的问题-

@section Scripts{

}

【讨论】：