MVC 捆绑在没有布局页面的视图上

Question

我正在尝试将 jquery 文件捆绑到没有如下布局的视图中

<html>
<head>
@section Scripts{
  <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/jquery")">
  </script>
}
<script type="text/javascript">
$(document).ready(function () {

上面的bundle config已经写好了，如下

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

每当我调用 document.ready 函数时，我都会看到 $ not defined 异常，这意味着脚本尚未加载。

相同的捆绑包放在同一共享文件夹下的 layout.cshtml 中时运行良好。我错过了什么吗？

Answer 1

这样使用：

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

Answer 2

这是问题行：

@section Scripts{

如果您没有使用布局页面，则此部分不会呈现（我很惊讶它不会引发错误）。部分仅用于布局页面。如果您希望页面正常工作，请删除该部分，然后将 jquery 捆绑脚本直接放入页面中。

您可能还想考虑：

MVC 捆绑在没有布局页面的视图上

MVC Bundling on views without layout pages

asp.net-mvc

bundling-and-minification