JQuery 手风琴无法在 Razor 页面中工作

Question

我花了几个小时在这里和其他网站上进行挖掘，但找不到答案。 我正在尝试在剃刀页面中实现一个简单的手风琴，但无论我尝试什么，它都不起作用。 _布局.cshtml：

    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="~/script.js"></script>
    <script>
        $(function () {
            $("#accordion").accordion();
        });
    </script>

cshtml：

@page
@model CRM.Pages.AdministrationModel
@{
}

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

我尝试了很多东西：我安装了 jquery nuget 包并按照针对旧问题的其他说明进行操作，但无济于事。

Answer 1

对于 MVC，将 JS 脚本放在页面底部而不是顶部，您可以使用以下方法来修复它

 @await RenderSectionAsync("Scripts", required: false)

参见rendersection的这段代码是什么意思？

Answer 2

只有当我将一个jquery js文件放在jquery-ui.js后面时，才会出现错误。

即使我在 jquery-ui 之前放置了多个 jquery js 文件，我也不会收到任何错误。

你提到

installed the jquery nuget package and followed other instructions

，恐怕你在jquery ui后面加载了一些jquery js。请卸载不需要的软件包。