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

}