gpt4 book ai didi

javascript - 侧面导航下拉菜单无法使用 Bootstrap 打开

转载 作者:行者123 更新时间:2023-11-28 02:04:23 25 4
gpt4 key购买 nike

我需要实现一个带子菜单的侧边导航菜单我面临的问题是子菜单或下拉菜单没有打开,或者如果它们默认打开则没有折叠。

<div class="nav-side-menu">
<div class="brand">Brand Logo</div>
<i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>

<div class="menu-list">

<ul id="menu-content" class="menu-content collapse out">


<li data-toggle="collapse" data-target="#products" class="collapsed active">
<a href="#"><i class=""></i> UI Elements <span class="arrow"></span></a>
</li>
<ul class="sub-menu" id="products">
<li class="active"><a href="#">CSS3 Animation</a></li>
<li><a href="#">General</a></li>
<li><a href="#">Buttons</a></li>
<li><a href="#">Tabs & Accordions</a></li>
<li><a href="#">Typography</a></li>
<li><a href="#">FontAwesome</a></li>
<li><a href="#">Slider</a></li>
<li><a href="#">Panels</a></li>
<li><a href="#">Widgets</a></li>
<li><a href="#">Bootstrap Model</a></li>
</ul>

</ul>
</div>
</div>

所以我有一个用于测试的下拉菜单,如果我单击其中任何一个,它们将不会打开

最佳答案

也许这对你有帮助...

<head>
<title>Bootstrap 3 Collapsible Sidebar</title>
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Our Custom CSS -->
<link rel="stylesheet" href="css/custom.css">

<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<!-- Bootstrap Js CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="wrapper">

<nav id="sidebar">
<!-- Sidebar Header -->
<div class="sidebar-header">
<h3>Collapsible Sidebar</div>
</div>

<!-- Sidebar Links -->
<ul class="list-unstyled components">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>

<li><!-- Link with dropdown items -->
<a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false">Pages</a>
<ul class="collapse list-unstyled" id="homeSubmenu">
<li><a href="#">Page</a></li>
<li><a href="#">Page</a></li>
<li><a href="#">Page</a></li>
</ul>

<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

关于javascript - 侧面导航下拉菜单无法使用 Bootstrap 打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49106172/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com