Question

所以我刚刚开始使用bootstrap的下拉菜单。这很方便，但我遇到了问题。

为了使下拉菜单起作用，在添加html属性data-toggle="dropdown"时，似乎完全禁用了触发下拉列表（.dropdown-toggle）的元素的原始函数。

这是有道理的，因为你真的不希望下拉切换进行其他神奇的事情（尤其是在你试图访问菜单时重定向到新页面或锚点）。

但是，我有一个提交按钮，当你点击它时通过ajax保存一些东西。我希望在执行保存后出现下拉菜单。 如何在点击按钮时切换下拉菜单和执行ajax请求？

或者甚至更奇怪的是，如何在保留按钮原始功能的同时切换下拉菜单？

也许twitter bootstrap下拉菜单不适合这个？或者是否有修改？

Answer 1

这适用于Chrome。捕获按钮的单击事件，然后执行任何操作。如果出现错误或stopPropagation()和preventDefault()的错误，请停止活动。 Fiddle

$("#buttonId").click(function(event) {
    if ("saved" == "saved") {
        null
    }
    else {
        event.stopPropagation();
        event.preventDefault();
    }
});

Twitter引导程序下拉菜单会在单击时禁用按钮的原始功能

1 个答案: