javascript - 在单击列表时使用 bootstrapDropdown 防止下拉菜单消失

Question

我正在使用bootstrap-dropdown生成下拉菜单。我想防止单击菜单时菜单消失。

我已经实现了以下代码，但它不起作用。知道如何解决吗？

HTML

<li class="dropdown notification">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    <span class="notification-label label label-info">
      <i class="icon-inbox icon-white"></i>
      <span class="notification-number">{{ unread_notifications }}</span>
    </span>
  </a>
  <ul class="dropdown-menu notification-list"></ul>
</li>

JS

events: {
  'click ul.notification-list': 'onClickNotification'
},

onClickNotification: function (e) {
  e.preventDefault();
  console.log(e);
},

Answer 1

你试过event.stopPropagation吗？

onClickNotification: function (e) {
    e.stopPropagation();
    console.log(e)
},

Answer 2

如果您想禁用下拉列表的所有自动关闭，您可以禁用侦听器

$('html').off('click.dropdown')

JSFiddle