jQuery Bootstrap滑块不起作用

Question

相关代码段如下-我在做什么错？？？

这是我正在使用的宝石： https : //github.com/stationkeeping/bootstrap-slider-rails

APPLICATION.CSS

* = require_bootstrap-slider

的application.js

//
= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
= require underscore
= require gmaps/google
= require bootstrap-slider

INDEX.HTML.ERB

<script>$("#ex8").slider({
            tooltip: 'always'
        });
        </script>
        <input id="ex8" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>

样式目录

JS目录

这就是我所看到的

控制台-错误

Answer 1

尝试将application.js和CSS更新为

的application.js

//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require underscore
//= require gmaps/google
//= require bootstrap-slider

Application.css

*= require_bootstrap-slider

我个人的喜好是使用CDN

应用程序/视图/布局/ application.html.erb

<%= stylesheet_link_tag '//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' %>
<%= javascript_include_tag '//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js' %>