我需要把下拉菜單...在下拉菜單在引導3.這是我試過的:Demo。下拉菜單在...下拉菜單與引導
不幸的是,當我點擊第二個下拉,它不會顯示。
如何在點擊它時顯示第二個下拉菜單?那麼如何(用JS或jQuery)能夠處理第二個下拉列表的狀態變化?
HTML:
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div>
<ul class="nav navbar-nav">
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Settings<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Edit</a>
</li>
<li><a href="#">Delete</a>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Visible by friends<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Visible by friends</a>
</li>
<li><a href="#">Visible by me only</a>
</li>
<li><a href="#">Visible by anyone</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
*(我知道答案可能是:在下拉列表下拉urrr,不這樣做?但在這裏我想研究如何做到這一點)* – Basj 2014-10-10 21:52:34
這可能會幫助你:http://stackoverflow.com/questions/18023493/bootstrap-3-dropdown-sub-menu-missing – xaisoft 2014-10-10 21:56:34
謝謝@xaisoft,它是 離我的問題不遠,但它有點不同。這裏是一個子菜單:http://www.bootply.com/86684,當懸停2 /在右側時,會自動顯示1/... ...而不是我想要的:子菜單僅在點擊時顯示子菜單顯示在下面,就像下拉菜單一樣。 – Basj 2014-10-10 22:01:13