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

Question

我把<script>使用jQuery的块放在一个(也是唯一一个)cshtml文件的主体中,该文件使用了模板,因为jQuery尚未加载而导致错误.

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

最底层的_Layout.cshtml.

    @RenderBody()
    <hr />
    <footer>
    </footer>
</div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

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

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

    <hr />
    <footer>
    </footer>
</div>

<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>

Answer 1

你可以使用部分:

在你的布局中:

...
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
@RenderSection("scripts", required: false)
...

在你的cshtml:

@section scripts {
    <script>
        $(document).ready(function () { /// $ not defined.
            // .....
        });
    </script>
}

Answer 2

只需将其包含section scripts在.cshtml页面中,如图所示.

@section scripts{
  <script>
  $(document).ready(function () { 
    // .....
  });
  </script>
}