Bootstrap Selectpicker问题

Question

我正在尝试将this selectpicker用于表单选择和选项，但无法使其正常工作。

我已按规定添加了以下脚本和css：

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

<script src="/js/Bootstrap/Select/bootstrap-select.js"></script>

搜索栏中第一个greyed out select的html：

<select class="selectpicker" id="searchType" name="searchtype" onchange="this.form.submit()">
            <option value="All">All</option>
            <option value="Businesses">Businesses</option>
            <option value="Events">Events</option>
            <option value="News">News</option>
            <option value="Lifestyle">Lifestyle</option>

        </select>

任何想法都赞赏。

Answer 1

请确保您已包含所有必需的文件，或者您可能需要重新安排代码，如：

<script src="/js/Bootstrap/Select/bootstrap-select.js"></script>

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

首先需要包含js然后调用插件。检查这个小提琴，它适合我：http://jsfiddle.net/tejashsoni111/RUAS4/

Answer 2

.selectpicker()是在bootstrap-select lib下定义的函数，而不是在核心引导库中，因此你需要包含该库

//silviomoreto.github.io/bootstrap-select/javascripts/bootstrap-select.js

//silviomoreto.github.io/bootstrap-select/stylesheets/bootstrap-select.css

<强> HTML：

 <select class="selectpicker" id="searchType" name="searchtype" onchange="this.form.submit()">
  <option value="All">All</option>
  <option value="Businesses">Businesses</option>
  <option value="Events">Events</option>
  <option value="News">News</option>
  <option value="Lifestyle">Lifestyle</option>
 </select>

JQUERY CODE：

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

以下是选择选择器功能的实时演示：

http://jsfiddle.net/dreamweiver/2a9xp/13/

快乐编码：）

Answer 3

如果使用Rails的任何人遇到类似的问题 - 问题是由AWS部署的预编译资产的存在引起的，这些资产在我的本地环境中挥之不去。

删除YourRailsApp/public/assets为我解决了这个问题。