單擊時隱藏下拉菜單-Bootstrap

Question

我的網站上有一個導航欄，所有鏈接都通過AJAX將內容加載到容器中。

現在，我需要在單擊鏈接時隱藏下拉菜單。 這不是引導程序的正常行為。

這是我的小提琴代碼。

$(".dropdown-menu a").click(function() { $(this).closest(".dropdown-menu").prev().toggle(); });

http://jsfiddle.net/fw7vh/158/

我最近瀏覽了現有答案，但刪除了下拉按鈕。 請指教。 謝謝！

Answer 1

嘗試：

$(".dropdown-menu a").click(function() {
    var menu = $(this).closest(".dropdown-menu");
    $(menu).css('display','none');
    setTimeout(function(){
        $(menu).css('display','');
    },200);
});

Answer 2

如果我正確理解了您的問題，這可能會對您有所幫助。

    $(".dropdown-menu a").click(function() {
    $(this).closest(".dropdown-menu").toggle();
});

Answer 3

您可以通過替換代碼輕松實現這一目標

$(".dropdown-menu a").click(function() {
  $(this).closest(".dropdown-menu").prev().toggle(); 
});

有了這個

$(".dropdown-menu a").click(function() { 
   $(document.body).click(); 
});

這是工作的小提琴