1

我是 MVC 的新手。在寻求帮助之前,我一直在尝试自己解决这个问题 2 天(是的 48 小时)。但由于某种原因,我无法让我的引导项目的脚本正常工作。我已经尝试了我可以尝试的所有方法,因此感谢您提供任何帮助。我正在使用Bootstrap v4.60并在我的 VS2019 项目中有jqueryv3.6 。

我的部分捆绑

   bundles.Add(new Bundle("~/bundles/jquery").Include(
                "~/Scripts/jquery-{version}.js"));
    bundles.Add(new Bundle("~/bundles/bootstrap").Include(
              "~/Scripts/bootstrap.bundle.js"));  /*This comes bundled with popper */

我的部分布局

    <head>
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
    </head>


    <div class="container">
        @RenderBody()
    </div>
.
.
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/popper")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>

我的导航栏中的下拉菜单不起作用,我很确定我已经完成了我被告知要做的所有事情

导航栏下拉切换

        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <a class="dropdown-item" href="#">Something else here</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Separated link</a>
            </div>
        </li>

我错过了什么?

4

0 回答 0