我是 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>
我错过了什么?