JQuery.js 标记放置最佳实践 MVC .net

Question

我应该将 <script src="~/lib/jquery/dist/jquery.js"></script> 放在 _Layout.cshtml 页面的什么位置？在底部还是顶部？现在我已经完成搜索，将 jquery.js 放在布局页面的底部将提高页面加载性能。但是，我在 @RenderBody() 时遇到 problem/error，正文要求在加载脚本之前使用 jQuery，这导致 $ 未定义。

link - Layout in ASP.NET Core

我的页面和上面的完全一样link。解决该问题的任何提示和技巧将不胜感激。

Answer 1

您可以通过在页面末尾添加 jQuery 的页面脚本部分来解决该问题。

因此，在 Layout 中的所有其他库脚本下方创建一个新部分（比如 MyScripts）：

@Scripts.Render("~/bundles/jquery")

并且在视图中：

@section MyScripts {
    <script type="text/javascript">
        write your jquery script...
    </script>
}

我强烈推荐阅读这篇关于 Razor 部分的文章：https://weblogs.asp.net/scottgu/asp-net-mvc-3-layouts-and-sections-with-razor

JQuery.js 标记放置最佳实践 MVC .net

JQuery.js tag placement best practice MVC .net

model-view-controller

jquery