4

ドロップダウンメニューを生成するために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);
},
4

2 に答える 2

8

やってみましたevent.stopPropagationか?

onClickNotification: function (e) {
    e.stopPropagation();
    console.log(e)
},
于 2012-07-31T15:05:09.667 に答える
2

ドロップダウンのすべての自動クローズを無効にしたい場合は、リスナーを無効にすることができます

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

JSFiddle

于 2012-07-31T15:21:01.117 に答える