为什么Asp.Net MVC 5将@ Scripts.Render(“〜/ bundles / jquery”)放在_Layout.cshtml的底部?

我把块放在一个(只有一个)使用模板的cshtml文件的主体中,它们导致错误,因为jQuery尚未加载。

@Scripts.Render("~/bundles/jquery")放在_Layout.cshtml文件的底部有什么意义?

_Layout.cshtml的底部。

  @RenderBody() 
@Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/bootstrap") @RenderSection("scripts", required: false)

以下显示了生成的cshtml文件的来源。

  $(document).ready(function () { /// $ not defined. // ..... });  

你可以使用部分:

在你的布局中:

 ...   @RenderSection("scripts", required: false) ... 

在你的cshtml:

 @section scripts {  } 

只需将其放在.cshtml页面的section scripts中,如图所示。

 @section scripts{  } 

在每个可能的HTML元素之后加载javascript文件是最佳做法。

知道了这一点,我会在加载所有库之后放置你的文档就绪处理程序。

  

如果脚本位于页面顶部,并且存在问题,则可能导致页面停止/需要很长时间加载。 将它们放在底部允许页面在脚本开始工作之前完全呈现。

Interesting Posts