我是ASP MVC .NET Core的新手（也是Web开发的业余爱好者） 我了解到，建议在页面末尾（也称为页脚）加载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模板定义了一个名为“脚本”的@Section。因此，如果我们在视图中定义了该脚本，则将在加载jquery / js脚本后立即将其加载到_Layout的页脚中。