2

实时搜索按预期工作,但是当我按向下箭头键手动向下移动结果时,每次击键都会跳过 1。转到 1,3,5,7 等。跳过 2,4,6 等。

这是一个rails应用程序,我在gemfile中设置了bootstrap-select-rails,如果我的布局,我会在头部加载:

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

在我的布局底部:

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

我该如何解决这个问题?谢谢!

 <select class="selectpicker" data-width="fit" data-live-search="true" title="Zona" onChange="window.location.href=this.value">
            <option value="">España, Alava</option>
            <option value="">España, Albacete</option>
            <option value="">España, Alicante</option>
            <option value="">España, Almeria</option>
            <option value="">España, Asturias</option>
            <option value="">España, Avila</option>
            <option value="">España, Badajoz</option>
            <option value="">España, Barcelona, Ciutat Vella</option>
            <option value="">España, Barcelona, Eixample</option>
            <option value="">España, Barcelona, Sants Montjuic</option>
            <option value="">España, Barcelona, Les Corts</option>
 </select>

图像1

4

2 回答 2

3

好吧,这听起来可能很愚蠢,但它对我有用。您是否同时使用 bootstrap-select.js 和 bootstrap-select.min.js?

我两者都有,但是在我排除 .min.js 部分后恢复了正确的功能。错误似乎在该文件中。

于 2018-05-09T11:16:26.833 回答
0

我有同样的情况,但我的问题是我在我的 HTML 元素中添加了两次库。删除其中一个后,它现在按预期工作。

于 2018-12-17T08:51:26.900 回答