jquery - 如何在 MVC4 View 中使用 Jquery 脚本

Question

我正在使用 ASP.NET MVC4...开箱即用的 _Layout.cshtml 有

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

在里面。我还有库存 BundleConfig.cs，它有一个

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

在里面。我的 Index.cshtml 中有一个像这样的脚本 block ，这只是一个普通的 View 。

<script src="@Url.Content("~/Scripts/ProductsIndex.js")" type="text/javascript"></script>

但是该脚本中的 JQuery 无法运行...但是，如果我将以下行放入 Index.cshtml 中(紧邻 ProductsIndex.js 脚本引用)，则 JQuery 可以正常运行。

<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")" type="text/javascript">         </script>

我知道这很简单，但考虑到 _Layout.cshtml 已经引用了 JQuery 库，我是否应该能够使用 JQuery 而无需将其再次显式添加到我的 Index.cshtml 中？

Answer 1

对我来说解决问题的方法是将 @Scripts.Render("~/bundles/jquery") 语句从 _Layout.cshtml 的底部移动到顶部。默认情况下，微软将此渲染语句放在页脚下方。我将它与 @Scripts.Render("~/bundles/modernizr") 一起移入该部分，然后我的 index.cshtml 中的脚本开始工作。

很明显，问题是当我在index.cshtml中的脚本尝试执行时，JQuery尚未加载，因为它位于页面底部。