时间戳

首页 > 解决方案 > 我的 JavaScript 不能用于我的 MVC 项目

javascript - 我的 JavaScript 不能用于我的 MVC 项目

问题描述

我是 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>

我错过了什么？

标签： javascriptjquerybootstrap-4navbarpopper

解决方案

推荐阅读