這不是一個(gè)子菜單下拉列表，類別是li類，如圖所示：通過從響應(yīng)菜單中選擇一個(gè)類別（模板僅為一頁），我想在單擊時(shí)自動(dòng)隱藏導(dǎo)航折疊。由于模板只有一頁，因此也可以漫步以用作導(dǎo)航。我尋求一種不影響它的解決方案，這是菜單的HTML代碼： <!-- NAVBAR ================================================== --><div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <!-- dropdown --> </ul> <!-- /.nav --> </div> <!--/.nav-collapse --> </div> <!-- /.container --> </div> <!-- /.navbar-inner --></div><!-- /.navbar -->
3 回答
有只小跳蛙
TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊
無需添加重復(fù)的代碼，更為優(yōu)雅的方法是將data-toggle="collapse"and data-target=".nav-collapse"屬性簡(jiǎn)單地應(yīng)用于導(dǎo)航本身：
<nav class="nav-collapse" data-toggle="collapse" data-target=".nav-collapse">
<ul class="nav">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
超級(jí)干凈，無需JavaScript。只要您的nav a元素具有足夠的填充空間來容納粗壯的手指，并且效果不佳，并且不會(huì)阻止e.stopPropagation()用戶單擊nav a項(xiàng)目時(shí)通過單擊事件冒泡，效果就很好。
添加回答
舉報(bào)
0/150
提交
取消