18910140161

JavaScript-NAV中的下拉菜单在引导程序5中不起作用-堆栈溢出

顺晟科技

2022-10-18 13:35:07

55

我有一个引导导航,它是从他们的网站上复制和粘贴的片段的集合,但由于某种原因,我的下拉导航没有下降任何东西,我有点困惑为什么它是错误的。

以下是我所知道的:

<代码><;DIV类=";容器";>;<;导航类=";导航栏导航栏扩展器LG导航栏指示灯BG指示灯";>;<;DIV类=";流体容器";>;<;A类=";Navbar-Brand";href=";#";>;CPM<;/A>;<;按钮类=";导航栏切换程序";类型=";按钮";data-BS-toggle=“折叠”data-BS-target=";#navbarnavaltmarkup";aria-controls=";navbarnavaltmarkup";aria-expanded=";false";aria-label=";切换导航";>;<;span类=";导航栏切换图标";>;<;/span>;<;/按钮>;<;DIV类=";折叠导航条-折叠";ID=";NavBarNavAltMarkup";>;<;DIV类=";导航栏-导航我-自动";>;<;A类=";NAV-LINK";aria-current=";页面";href=";{{(' user.welcome ')的URL_}}";>;主页<;/a>;<;/DIV>;<;UL类=";导航栏-导航";>;<;Li类=";NAV-ITEM下拉菜单";>;<;A类=";NAV-LINK下拉菜单-切换";href=";#";ID=";NavBarDropDown";角色=“按钮”data-BS-toggle=";下拉";Aria-expanded=";错误";>;帐户<;/a>;<;UL类=";下拉菜单";Aria-labelledby=";NavBarDropDown";>;<;Li>;<;a类=";下拉项";href=";{{(' user.welcome ')的URL_}}";>;设置<;/a>;<;/Li>;<;/UL>;<;/Li>;<;A类=";btn btn-outline-danger me-MD-2";href=";{{(' user.logout ')的URL_}}";>;注销<;/a>;<;/UL>;<;/DIV>;<;/DIV>;<;/导航>;<;/DIV>;
其中

大部分是从Bootstrap的文档中的资源页面截取的:https://getbootstrap.com/docs/5.0/components/navbar/

<div class="container"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#">CPM</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav me-auto"> <a class="nav-link" aria-current="page" href="{{ url_for('user.welcome') }}">Home</a> </div> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Account </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="{{ url_for('user.welcome') }}">Settings</a></li> </ul> </li> <a class="btn btn-outline-danger me-md-2" href="{{ url_for('user.logout') }}">Logout</a> </ul> </div> </div> </nav> </div> 值来自我的Flask应用程序。我想这是一个很小的东西,但当我点击下拉菜单中的href按钮时,没有任何内容出现,我无法看到Account里。

我下载了引导程序的主JavaScript和CSS文件,并在本地提供它。


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航