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

Question

我了解到建议在页面末尾(又名页脚)加载 jQuery

我目前正在试验 MVC 项目中的脚手架模板。现在，我的场景是我有一个 _Layout，其中在页脚中加载了 jQuery/script/bootstrap。说我有一个名为“Index.cshtml”的 View ，它将使用 _Layout.cshtml 作为布局。在“Index.cshtml”中，我只是有这么简单的东西:

<script>
$(document).ready(function () {
    $('#test').on('click', function (e) {
        alert("hey");
    });       
});
</script>
<button id="test">test</button>

我的问题是:

我想使用 jQuery 将事件绑定(bind)到按钮。我如何在“Index.cshtml”中调用 $(document).ready... 以便以最有效的方式实现此目的？ (因为 jQuery 是稍后在页脚加载的，我想在相应的页面而不是像 _Layout.cshtml 这样的共享页面中编写我的代码)。我正在考虑在 View 中加载 jQuery，但这会使它成为重复加载，不是吗？

解决方案

如果有人和我一样遇到同样的问题，请查看下面罗伯特的回答。

基本上，ASP MVC .Net Core 的脚手架模板定义了一个名为“Scripts”的@Section。因此，如果我们在 View 中定义该脚本，它将在加载 jquery/js 脚本后立即加载到 _Layout 的页脚中。

Answer 1

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

@section Scripts {
 <script type="text/javascript" src="/scripts/main.js"></script>
}

来源:https://learn.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>
 }