Javascript Jquery引导滑块不工作

下面是相关的代码片段-我做错了什么

这是我正在使用的宝石：

APPLICATION.CSS

* = require_bootstrap-slider

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

APPLICATION.JS

* = require_bootstrap-slider

//
= 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"/>

$（“#ex8”）.滑块({
工具提示：“始终”
});

样式表目录

JS目录

这就是我看到的

控制台-错误

* = require_bootstrap-slider

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

---

尝试将application.js和css更新为

Application.js Application.css 我个人的偏好是使用

app/views/layouts/application.html.erb

---

尝试将application.js和css更新为

Application.js Application.css 我个人的偏好是使用

app/views/layouts/application.html.erb

控制台中是否有任何错误？是，此：localhost:127TypeError:$（“#ex8”）。滑块不是函数。（在“$（“#ex8”）.slider（{tooltip:'always'}）”，$（“#ex8”）.slider”未定义）要求JS配置可能错误。控制台中是否有任何错误？是的，此：localhost:127TypeError:$（“#ex8”）。slider不是函数。（在“$（“#ex8”）.slider（{tooltip:'always'}）”中，“$（“#ex8”）.slider”未定义）require JS配置可能错误。无法工作。仍然看到我在上面的问题中粘贴的相同内容看看我在下面发布的第二个解决方案。也不起作用。我正在将控制台中的错误编辑/添加到原始版本中question@hikmatyar在布局中包含application.js和application.css后，请确保包含以下链接。您的

=require

语句前面应该加上

/

，比如

/=require jquery

控制台现在说什么？不起作用。仍然看到我在上面的问题中粘贴的相同内容看看我在下面发布的第二个解决方案。也不起作用。我正在将控制台中的错误编辑/添加到原始版本中question@hikmatyar在布局中包含application.js和application.css后，请确保包含以下链接。您的

=require

语句前面应该加上

/

，比如

/=requirejquery

控制台现在在说什么？