[英]How do I make this onClick function work for multiple dropdown menus?
[英]Bootstrap How to close all dropdown menus onclick
使用Bootstrap,我在另一個下拉菜單中創建了一個下拉菜單。 現在,無論何時我單擊菜單中的一個按鈕,都需要關閉這兩個菜單。
這是我的代碼:
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">`enter code here`
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Le nostre mete<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="../Canada.htm">Canada</a></li>
</ul>
</li>
<!--FINE NAVIGATORE DESTINAZIONI-->
<!--NAVIGATORE OFFERTE-->
<li class="dropdown tendina-offerta">
<a class="dropdown-toggle pacchetti" data-toggle="dropdown" href="#">Hotel Koh Samui<span class="caret"></span></a>
<ul class="dropdown-menu nav nav-pills nav-stacked">
<li><a onclick="javascript:scrollTopiFrame();" data-toggle="pill" href="#Home"style="color:white">Phuket Home</a></li>
<li><a onclick="javascript:scrollTopiFrame();" href="#thailandia.htm" style="color:white">Thailandia Home</a></li>
</ul>
</li>
<!--FINE NAVIGATORE OFFERTE-->
<!--TASTI DESTRA-->
<li><a href="#">Regolamento</a></li>
<li><a href="../contatti.htm"><span class="glyphicon glyphicon-earphone"></span>Contatti</a></li>
<li><a href="../index.htm"><span class="glyphicon glyphicon-home"></span> Home</a></li>
</ul>
</div>
有沒有人可以幫助我? 我在這里有點生銹。
嘗試更改:
<ul class="nav navbar-nav navbar-right">
至:
<ul class="nav navbar-nav navbar-right" data-toggle="collapse" data-target=".navbar-collapse">
這對我有用,這些新屬性與導航按鈕相同。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.