Bootstrap单击后如何关闭所有下拉菜单

Bootstrap How to close all dropdown menus onclick

本文关键字：下拉菜单 何关闭 单击 Bootstrap      更新时间：2023-09-26

使用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">

这对我很有效，这些新属性与导航按钮相同。

相关文章：