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

标签 ruby-on-rails twitter-bootstrap bootstrap-selectpicker

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

image1

最佳答案

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

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

关于ruby-on-rails - 使用向下箭头手动移动时,Bootstrap-Select 下拉菜单会跳过 1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45080948/

相关文章:

ruby-on-rails - 无法在 ruby​​ rspec 中解析哈希

mysql - rails 5.2 应用程序记录的 json 序列化不正确

twitter-bootstrap - 如何创建另一个 Bootstrap 折叠导航栏按钮?

laravel-5.4 - 当有更多值并向上滚动时引导选择错误,它不显示搜索框

ruby-on-rails - 如何卸载 Ruby on Rails 应用程序?

ruby-on-rails - 使用文本文件构建页面 (Rails 2.3)

javascript - Bootstrap 类 ='page-scroll' 不起作用

html - Bootstrap 两列 100% 高度

javascript - 如何为多选选择器设置多个选择值?

javascript - 如何通过 javascript 更新 Bootstrap 选择 (selectpicker) header