web-dev-qa-db-fra.com

Désactivez la fonctionnalité de liste déroulante à l'aide de Bootstrap Select

J'utilise Bootstrap Select pour styliser certains champs de sélection à l'intérieur d'un accordéon. Bootstrap select a une fonctionnalité où il fera votre liste déroulante s'il est près du en bas de l'écran.

Dans ce cas, je ne veux pas qu'il tombe, mais je ne trouve pas où le désactiver.

Sélectionnez Bootstrap: https://developer.snapappointments.com/bootstrap-select/

twitter-bootstrapselectbootstrap-select
24
Anthony_Z

Les options peuvent être transmises via JavaScript ou des attributs de données:

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

ou

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

Vous pouvez également définir cela globalement:

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

Ce paramètre peut être modifié dans le fichier bootstrap-select.js en modifiant l'option dropupAuto pour:

dropupAuto: faux,

2
Anthony_Z