1

Bootstrap ドロップダウンを閉じるのに 2 回のクリックが必要な場合があります。別のドロップダウンボタンなど、ドロップダウンの外でクリックが発生したときに両方を閉じる必要があります。

同じことがおそらく標準の select 要素でも発生しますが、これは私の特定のシナリオです。dropdown('close')さまざまな Select2 要素をクリックして呼び出してみましたが、成功しませんでした。

http://jsfiddle.net/isherwood/PwNpB/15

<div class="dropdown">
    <span data-toggle="dropdown" class="btn  dropdown-toggle">
        Button <span class="caret pull-right"></span>
    </span>

    <div class="dropdown-menu">
        <select id="e1">
            <option value="AL">Alabama</option>
            <option value="WY">Wyoming</option>
        </select>
    </div>
</div>
4

2 に答える 2

4

この回避策を使用できます。

// initialize Select2 
$("#e1").select2().on('open', function () {
    $('#select2-drop-mask')
       .height($(window).height())
       .width($(window).width())
       .css('opacity', .1);
});


$(document).on('mousedown', '#select2-drop-mask', function () {
    $('.dropdown.open').removeClass('open');
});

JSFIDDLEを見る

于 2013-04-05T21:36:53.703 に答える