javascript - twitterブートストラップのドロップダウンのプロゲーションを停止します

Question

メニュー項目をクリックした後にドロップダウンが閉じないようにしたい。これが私がしていることです：

 $(document).ready(function() {
      $(document).on("click", ".dropdown-menu li", function(event){
        debugger; // it stops here though
        event.stopPropagation();
      });
 });

ただし、メニュー項目をクリックすると、ドロップダウンは閉じられます。私は何が間違っているのですか？

PS$(document).on("click", ".dropdown-menu li"このドロップダウンはajaxによって動的に構築されるため、使用する必要があります。

Answer 1

でハンドラーをバインドするdocumentと、イベントはすでに一番上まで移動し、メニューを閉じるイベントハンドラーが既にトリガーされています。ハンドラーをブートストラップハンドラーに到達する前にキャッチしたい場合は、クリックされている要素にハンドラーをバインドし、その要素が伝播しないようにする必要があります。

$('.dropdown-menu li').on('click', ...)

Answer 2

あなたはそれをこのように書くことができます：

$(".dropdown-menu li").on("click", function(event){
 event.stopPropagation();


 });

Answer 3

何らかの理由で、このソリューションのみが機能しています

$(document).ready(function() {
  $(".dropdown-menu").on("click", "li", function(e){
    e.stopPropagation();
    });
  });

誰かが理由を知っていますか？