Question

我在一段时间内与这些代码作斗争，我发现的任何解决方案都无法奏效。

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

 <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;
    });

有什么想法吗？

此致彼得

Answer 1

您可以使用点击功能。

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

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

Bootstrap会阻止点击时关闭导航下拉列表

1 个答案:

的 CODEPEN