這不是一個子菜單下拉列表，類別是li類，如圖所示：通過從響應菜單中選擇一個類別（模板僅為一頁），我想在單擊時自動隱藏導航折疊。由于模板只有一頁，因此也可以漫步以用作導航。我尋求一種不影響它的解決方案，這是菜單的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貢獻1824條經驗 獲得超8個贊
無需添加重復的代碼，更為優雅的方法是將data-toggle="collapse"and data-target=".nav-collapse"屬性簡單地應用于導航本身：
<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>
超級干凈，無需JavaScript。只要您的nav a元素具有足夠的填充空間來容納粗壯的手指，并且效果不佳，并且不會阻止e.stopPropagation()用戶單擊nav a項目時通過單擊事件冒泡，效果就很好。
- 3 回答
- 0 關注
- 708 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消