我有一个很大的玩家列表,当用户正在搜索特定的玩家时,我希望只有找到的玩家才能展示。
我在这种情况下使用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;选择方法)
答案 0 :(得分:1)
您需要首先删除控制台中抛出的错误
slick.js:25未捕获的ReferenceError:未定义jQuery 在slick.js:25 在slick.js:28
然后您需要包含cs
和bootstrap-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>
。
ActiveSheet.Range("A5").Formula = "= LOOKUP(2,1/(H:H>1),H:H)"
&#13;