使用向下箭头手动移动时，Bootstrap-Select下拉菜单会跳过1

Question

实时搜索按预期工作，但是当我按下向下箭头键以手动向下移动结果时，它会在每次按键时跳过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>

Answer 1

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

我有两个，但在排除.min.js部分后恢复了正确的功能。该错误似乎出现在该文件中。

Answer 2

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