单击时隐藏下拉菜单-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(); 
});

这是工作的小提琴