Bootstrap 防止导航下拉菜单在点击时关闭答案

【问题标题】：Bootstrap prevent nav-dropdown closing on clickBootstrap 防止导航下拉菜单在点击时关闭
【发布时间】：2016-07-28 14:26:03
【问题描述】：

我与这段代码斗争了一段时间，但我发现的任何解决方案都没有奏效。

我想阻止我的菜单在单击其中一个链接后关闭。我的代码：

 <li class="nav-dropdown">
                <a href="#" title="Menu Levels">
                    <i class="fa  fa-fw fa-folder-open"></i> Manage Devices
                </a>
                <ul class="nav-sub">
                    <li>
                        <a href="@Url.Action("AddWizard", "Device")" id="Test">
                            <i class="fa fa-fw icon-plus"></i> Add Device
                        </a>
                    </li>
                    <li>
                        <a href="@Url.Action("RemoveDevice", "Device")" >
                            <i class="fa fa-fw icon-close"></i> Remove Device
                        </a>
                    </li>
                </ul>
              </li>

我一直在尝试停止传播的技巧。例如，这对我不起作用：

  $('#Test').on('hide.bs.dropdown', function (e) {
        console.log("TEST");
        return false;
    });

有什么想法吗？

问候，彼得

【问题讨论】：

当您单击任何这些链接时，您正在从服务器请求一个新页面，这意味着，任何使用 javascript 保持打开状态的尝试都是多余的。您必须在页面加载时打开它。

标签： jquery asp.net-mvc twitter-bootstrap

【解决方案1】：

您可以使用点击功能。

$('#Test').on('hide.bs.dropdown'... 不起作用，因为#Test 不是下拉菜单。

$('#Test').click(function(e) {
  e.stopPropagation(); // or return false
});

CODEPEN

【讨论】：