なぜ選択ドロップダウンでアイテムのIEをクリックすることはできませんが、Firefox、Chromeなどでうまく動作しますか？

Question

私はjquery mega dropdown menu pluginを使用しています。メニューの1つでは、ドロップダウンボックスを追加したいと思っていました。それは（下のスクリーンショットに見られるように）のFirefox、Chromeで正常に動作

が、IEで

、私は選択のドロップダウンをクリックして、二以上を選択して項目の一つにカーソルを合わせると、それは私がメニュー上にマウスもはやだと思っていないかのように全体のメニューが（消える。

私はreproduce the issue on this example (click on "Sales")

にできる午前メガjqueryのメニュー

Answer 1

あなたの問題の原因は、プラグインのコード自体である - それはIE7とIE8でOK作品 "販売" のためのサブメニューを参照してください。問題：IEは実際の選択オプションの一部としてその「選択要素」を考慮しません。

問題を解決する必要がありますあなたのjqueryのコードにこれを追加する：

$(".mega-hover select").mouseleave(function(event){ 
    event.stopPropagation(); 
    }); 

は私が投稿保管してください。

Answer 2

上に表示の選択ドロップダウンを取得する方法上の任意の提案

どのバージョンのIEに問題がありますか？ EDITED

LINK：

http://www.designchemical.com/lab/jquery-plugins/jquery-mega-drop-down-menu/menu2.html

Answer 3

IEは、選択ボックスをクリックしたときにドロップダウンメニューからフォーカスを置いたままだと仮定して、メニューを非表示にします。ライブラリコードを修正して、メニュー上にホバーオーバーしなくても、選択ボックスにフォーカスがないことを確認する必要があります。開始する場所は関数です。メニューを非表示にする前に、まずチェックを実行します。

function megaOut(){ 
      var subNav = $('.sub',this); 
      $(this).removeClass('mega-hover'); 
      $(subNav).hide(); 
      // beforeClose callback; 
      defaults.beforeClose.call(this); 
     }