0

我正在使用Silvio Moreto 的 BootStrap 库,但它没有正确显示选择。

这是问题的屏幕截图

我的猜测是我做错了什么。我不知道是什么导致了这个问题,但我检查了我的 javascript 加载顺序,这似乎很好。

下面是我执行代码的html。

<select name="action_type" class='selectpicker'>
  <option value="phone">call</option>
  <option value="email">email</option>
  <option value="url">open to url</option>
</select>

这是 selectpicker() 执行后的展开形式。

<div class="btn-group bootstrap-select">
  <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown">
    <div class="filter-option pull-left">call</div>&nbsp;
    <div class="caret"></div></button><div class="dropdown-menu open">
    <ul class="dropdown-menu inner" role="menu">
      <li rel="0" class="selected"><a tabindex="0" class="" style=""><span class="text">call</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
      <li rel="1"><a tabindex="0" class="" style=""><span class="text">email</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
      <li rel="2"><a tabindex="0" class="" style=""><span class="text">open to url</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li>
    </ul>
  </div>
</div>

有人知道发生了什么吗?我想它可能是CSS。

更新::

我只使用引导框架的某些部分,因为有很多我不需要。我使用 2.3.2 版的按钮、表单和下拉 js/css,但由于某种原因,它不足以用于引导选择器。

这是一张仅使用来自测试文件的 bootstrap 3.0 源的图片。

谢谢!

4

1 回答 1

0

您是否已初始化 jQuery 库并告诉它要将更改应用到哪些元素?

从图书馆文档...

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

您需要在 document.ready 上执行此操作

于 2013-10-15T21:07:28.943 回答