twitter-bootstrap - Bootstrap 选择不起作用

Question

我正在使用 Bootstrap 2.3.2 并希望实现元素看起来像下拉菜单。 github中有解决方案:https://github.com/silviomoreto/bootstrap-select

我的代码:

<select class="selectpicker">
    <option>1</option>
    <option>2</option>
</select>

<script type="text/javascript">
    $( function() {
       $('.selectpicker').selectpicker();
    })
</script>

它不起作用。但是当我输入

$('.selectpicker').selectpicker();

在 Chrome DevTools 的控制台中 - 选择对下拉列表的更改，它可以工作。

Answer 1

您需要在 DOM 准备好后调用初始化函数。这通常作为 $(document).ready() 的一部分完成。功能 block 。

$(document).ready(function() {
   $('.selectpicker').selectpicker();
});

当您尝试通过控制台执行命令时，DOM 已经加载并可用。因此，调用有效。上面的代码示例应该类似地工作。