4

最新バージョンの Twitter BootStrap を使用して作成されたネストされたドロップダウン リストがあります。ネストされたドロップダウンに多くの要素を含む選択リストが必要です。ネストされたドロップダウンを正常に機能させることができ、選択オプションは問題なく表示されます。残念ながら、IE9 では、選択リストをクリックした後、マウスを項目の上に移動すると、ドロップダウンが閉じます。この問題は、他のブラウザでは発生しません。さらに不運なのは、この作業の一環として IE7+ をサポートしなければならないことです。

エラーの jsfiddle があります: http://jsfiddle.net/GtbSE/2/

誰でも光を当てることができますか？

4

1 に答える 1

3

あなたの例から、フィドルにいくつかのマイナーな変更を加えて、IEの「チャネル」メニューオプション内のドロップダウンを許可するように変更できます: http://jsfiddle.net/amelvin/XxSTF/ -しかし、再する必要があります-スタイル。

ブートストラップがドロップダウン メニューの項目で混乱していたのだろうか。

<span class="dropdown" id="filter-add">
    <a href="#filter-add" id="addFilter" class="dropdown-toggle" data-toggle="dropdown" >
        More
    </a>
    <ul id="Channels" class="nav nav-pills">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Channel</a>
            <ul class="dropdown-menu">                    
           <li>
                <select>
                    <option value="1" >LIst Item 1</option> 
                    <option value="2" >LIst Item 2</option>  
                    <option value="3" >LIst Item 3</option>  
                    <option value="4" >LIst Item 4</option>  
                    <option value="5" >LIst Item 5</option>  
                    <option value="6" >LIst Item 6</option>  
              </select>
              </li>
          </ul>
        </li>
        <li><a>Cancel</a></li>
    </ul>
</span>

$('.dropdown select').click(function(e) { e.stopPropagation(); }); 

$("#Channels").hide();

$("#addFilter").click(function() { $("#Channels").show(); });
于 2012-09-10T14:04:12.707 に答える