在 ASP MVC .Net Core 中在哪里使用/放置 jQuery？

Question

我了解到建议在页面末尾（又名页脚）加载 jQuery我目前正在试验来自 MVC 项目的 Scaffold 模板。现在，我的场景是我有一个 _Layout，其中 jQuery/script/bootstrap 加载在页脚中。说我有一个名为“Index.cshtml”的视图，它将使用 _Layout.cshtml 作为布局。在“Index.cshtml”中，我只是有这样简单的事情：<script>$(document).ready(function () {    $('#test').on('click', function (e) {        alert("hey");    });       });</script><button id="test">test</button>我的问题是：我想使用 jQuery 将事件绑定到按钮。我如何在“Index.cshtml”中调用 $(document).ready... 以便我可以以最有效的方式实现这一点？（因为 jQuery 是稍后在页脚加载的，我想在相应的页面而不是像 _Layout.cshtml 这样的共享页面中编写我的代码）。我想在视图中加载 jQuery，但这会使它重复加载不是吗？解决方案如果有人和我一样遇到同样的问题，请查看下面罗伯特的回答。基本上，ASP MVC .Net Core 的 Scaffold 模板定义了一个名为“Scripts”的@Section。因此，如果我们在视图中定义该脚本，它将在 jquery/js 的脚本加载后立即加载到 _Layout 的页脚中。

Answer 1

有几种方法，但为什么不试试脚本部分呢？

@section Scripts {

 <script type="text/javascript" src="/scripts/main.js"></script>

}

来源：https : //docs.microsoft.com/en-us/aspnet/core/mvc/views/layout?view=aspnetcore-3.0

或者在你的情况下：

@section Scripts {

    <script>

    $(document).ready(function () {

        $('#test').on('click', function (e) {

            alert("hey");

        });       

    });

    </script>

 }