在ASP.NET Core MVC V2局部视图中实现JQuery

Question

我正在从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>
 }

有办法吗？

Answer 1

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

您的代码无法正常工作的最可能原因是未触发document.ready（）。 您使用的语法：

$(function() {

})

是$（document）.ready（）的快捷方式

就您而言，您只是从后端加载HTML / Script片段，并填充“ partialViewDiv”元素。 此时将不会触发document.ready，即使在您的ajax调用加载后端脚本之前，也有可能触发了document.ready。

Answer 2

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

@section Scripts{

}