Javascript 带有引导下拉菜单的Contextmenu在Firefox中不起作用

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

Javascript HTML

你好
世界

这段代码在Chrome中运行良好，当我右键单击时，菜单会正确显示，但在Firefox上，当我右键单击时，菜单会显示一秒钟，然后消失。还有什么我需要处理的事情吗

jsIDLE:

删除

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>

除去

最终的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>

---

谢谢它适用于contextmenu，但我也希望在单击链接时显示菜单。此修复程序在Chrome中不起作用。下拉列表的默认功能将停止工作。我发现这是Firefox中的一个已知问题，因为它为每个contextmenu事件在文档上触发一个事件。Bootstrap在文档上添加了一个click事件监听器来关闭/切换下拉列表，它会使下拉列表在右键单击时隐藏。谢谢。它适用于contextmenu，但我也希望在单击链接时显示菜单。此修复程序在Chrome中不起作用。下拉列表的默认功能将停止工作。我发现这是Firefox中的一个已知问题，因为它为每个contextmenu事件在文档上触发一个事件。Bootstrap在文档上添加了一个click事件监听器来关闭/切换下拉列表，它会使下拉列表在右键单击时隐藏。

<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');
});