单击菜单项后立即折叠Twitter引导程序下拉菜单

Question

我有一个带有AJAX链接的twitter bootstrap下拉菜单（即与data-remote="true"的链接）。当我单击链接时，菜单将保持打开状态，直到AJAX调用完成。有没有办法在用户点击链接后立即折叠菜单？

这是一个jsFiddle sample来演示这个问题。 （请忽略我在示例代码中冻结线程的事实。我想用几行代码模拟场景。）

注意：我正在使用Twitter bootstrap v 2.2.2。

Answer 1

我最近在建的单页网站遇到了类似的问题。您可以点击其链接关闭导航，其中包含以下内容：

$('.nav a').click(function () {
    $(".nav-collapse").collapse("hide")
});

可以在Bootstrap docs中找到更多信息，请参阅方法部分。

Answer 2

使用此选项排除下拉切换

$(".nav a[class!='dropdown-toggle']").click(function () {
 $(".navbar-collapse").collapse("hide")
}):