带有引导程序下拉列表的Contextmenu无法在Firefox中运行

Question

我正在尝试在右键单击元素时显示Twitter Bootstrap下拉菜单。这是我写的代码：

的Javascript

var toggle = $('.dropdown-toggle');
toggle.on('contextmenu',function(e){
  toggle.dropdown('toggle');
  return false;
});

HTML

<div class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
    <ul class="dropdown-menu">
        <li>Hello</li>
        <li>World</li>
    </ul>
</div>

此代码在Chrome中正常运行，当我右键单击时，菜单显示正常，但在我右键单击时在Firefox上，菜单显示一秒钟后消失。还有其他事件我需要处理吗？

JSFiddle：http://jsfiddle.net/Serff/3/

Answer 1

删除

data-toggle="dropdown"

最终的html标记：

<div class="dropdown">
   <a class="dropdown-toggle" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li>Hello</li>
    <li>World</li>
  </ul>
</div>

这应该有用。

使用此脚本：

var toggle = $('.dropdown-toggle');
toggle.on('contextmenu',function(e){
  e.preventDefault();
  toggle.dropdown('toggle');
});