twitter-bootstrap - 使用 Bootstrap Select 禁用 dropup 特性

标签 twitter-bootstrap select bootstrap-select

我正在使用 Bootstrap Select 为 Accordion 内的一些选择字段设置样式。 Bootstrap select 有一个功能,如果它靠近屏幕底部,它将使您的下拉菜单成为下拉菜单。

在这种情况下,我不希望它掉落,但我找不到在哪里禁用它。

Bootstrap 选择:https://developer.snapappointments.com/bootstrap-select/

最佳答案

选项可以通过 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;

关于twitter-bootstrap - 使用 Bootstrap Select 禁用 dropup 特性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50885864/

相关文章:

html - Bootstrap 3 RWD 两列到一列

jquery - Bootstrap 4 BG视频转全屏Modal

css - 每四次迭代修改 Django for 循环

arrays - POSTGRESQL 多选,多行数组可能吗?

javascript - Angular 选择框在 mozilla、Internet Explorer (bootstrap-select) 中不显示

javascript - bootstrap 4 行后面的下拉剪裁

php - 更改 <select> 值,给定一个数字并从数组中获取值

mysql - MySQL 中的嵌套联合语句

css - 强制 Bootstrap 选择(.selectpicker)元素的字体大小

javascript - 在 php 中使用 GET 时要包含的 Bootstrap-select 下拉选项