当点击隐藏下拉菜单-引导

Question

我有一个导航栏在我的网站和所有的链接都通过AJAX加载在容器中的内容。

现在，我需要在单击链接时隐藏下拉菜单。这不是bootstrap的正常行为。

这是我的代码。

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

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

我最近浏览到现有的答案，但它删除了下拉按钮。请建议。谢谢!

Answer 1

Try with:

$(".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(); 
});

这里是工作小提琴