javascript - Jquery Bootstrap slider 不工作

Question

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

这是我正在使用的 gem: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

应用程序.css

*= require_bootstrap-slider

我个人偏好是使用CDN

app/views/layouts/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' %>