2012-12-09 42 views
3

所以我刚开始使用引导的下拉菜单。这很方便,但我有一个问题。Twitter引导下拉菜单禁用按钮的原始功能点击

为了使下拉菜单起作用,添加html属性data-toggle="dropdown"时,似乎触发下拉列表的元素的原始功能(.dropdown-toggle)完全禁用。

这是有道理的,因为你并不是真的想要下拉切换来做其他神奇的事情(特别是当你尝试访问菜单时重定向到新页面或锚点)。

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

或者甚至在一个模糊的意义上,如何在保留按钮的原始功能的同时切换下拉菜单

也许Twitter的引导下拉菜单是不是这个理想的功能?或者有没有对此进行修改?

回答

2

这在Chrome中适用于我。捕获按钮的点击事件,然后做任何你想要的。如果出现错误或与stopPropagation()preventDefault()有关,请停止该事件。 Fiddle

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