单击按钮时在 Bootstrap 移动导航中打开子菜单答案

【问题标题】：Open a submenu on Bootstraps mobile nav when a button is clicked单击按钮时在 Bootstrap 移动导航中打开子菜单
【发布时间】：2016-01-14 14:59:33
【问题描述】：

我试图在选择搜索按钮时打开移动导航中的下拉项。所以搜索按钮打开了移动导航，现在我想打开这个下拉项，以便用户可以立即查看所有搜索过滤器，而无需单击它。

<ul class="nav navbar-nav">
            <li class="dropdown" id="search-btn-js">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="search-cars">Search Cars <span class="caret"></span></a>
                <ul class="dropdown-menu"></ul>
            </li>
</ul>

我尝试在单击按钮时将“open”类附加到 search-btn-js 元素，这在此版本的 Bootstrap 上不起作用，出于某种原因

$('#search-btn-js').trigger('click.bs.dropdown');

不起作用。有人对以编程方式打开此子菜单有任何想法吗？提前致谢！

【问题讨论】：

标签： javascript jquery css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

事实证明，打开“打开”类的列表项在不可见时没有成为目标，这是一个问题。因此，如果在 #nav 在技术上仍处于隐藏状态时调用 .addClass 将不起作用（应该看起来很明显）。为了解决这个问题，您只需要包含以下内容：

$('#nav').on('shown.bs.collapse', function () {
    $('#search-btn-js').addClass('open');
    console.log('open that damn menu');
  });

所以只有当#nav 显示在按钮点击时，应用类'open'。将上面的代码放入你的条件中，你应该没问题。

【讨论】：