1

要素を右クリックして 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 では右クリックするとメニューが 1 秒間表示されて消えます。私も処理する必要がある他のイベントはありますか?

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

4

1 に答える 1

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');
});
于 2013-03-25T08:43:58.353 に答える