web-dev-qa-db-ja.com

Bootstrap Selectを使用してドロップアップ機能を無効にします

私はBootstrap Selectを使用して、アコーディオン内のいくつかの選択フィールドのスタイルを設定しています。Bootstrap selectには、ドロップダウンドロップアップが画面の下部。

この場合、ドロップしたくありませんが、これを無効にする場所を見つけることができません。

ブートストラップ選択： https://developer.snapappointments.com/bootstrap-select/

twitter-bootstrapselectbootstrap-select
24
Anthony_Z

オプションは、JavaScriptまたはデータ属性を介して渡すことができます。

$('.selectpicker').selectpicker({
    dropupAuto: false
});

または

<select class="selectpicker" data-dropup-auto="false">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

これをグローバルに設定することもできます：

$.fn.selectpicker.Constructor.DEFAULTS.dropupAuto = false;
41
caseyjhol

この設定は、bootstrap-select.jsファイルでdropupAutoオプションを編集して次のように変更できます。

dropupAuto：false、

2
Anthony_Z