Bootstrap-select Live Search无效

时间:2017-12-10 16:02:44

标签: jquery html twitter-bootstrap

我有一个很大的玩家列表,当用户正在搜索特定的玩家时,我希望只有找到的玩家才能展示。

我在这种情况下使用bootstrap-select。这是我的不同下拉选择的代码。它使用数据实时搜索,但仍然无法正常工作:

<select class="selectpicker" data-size="7" data-style="btn btn-default btn-round" name="method" id="method" title="Select sign up method" data-live-search="true" required>
     <option value="" selected>- Select sign up method -</option>
     <option value="2yes">Both players ARE system users</option>
     <option value="1yes1no">You ARE system user, but partner is NOT</option>
     <option value="1yes">You ARE system user (for singles)</option>
</select>

所以选择菜单工作正常,但实时搜索不起作用。有一个搜索字段,但功能(可能是css)根本不起作用。

标题包括:

<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />

页脚:

<script src="assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script>

演示你可以查看here(注册比赛 - &gt;选择方法)

1 个答案:

答案 0 :(得分:1)

您需要首先删除控制台中抛出的错误

  

slick.js:25未捕获的ReferenceError:未定义jQuery       在slick.js:25       在slick.js:28

然后您需要包含csbootstrap-select.css文件,请参阅下面的演示,并且在您的网站上,我无法找到源中包含的<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script> <div class="bs-docs-example no-code"> <select class="selectpicker" data-live-search="true"> <option>Hot Dog, Fries and a Soda</option> <option>Burger, Shake and a Smile</option> <option>Sugar, Spice and all things nice</option> </select> </div>

&#13;
&#13;
ActiveSheet.Range("A5").Formula = "= LOOKUP(2,1/(H:H>1),H:H)"
&#13;
&#13;
&#13;