带引导的Rails .滑块-rails

Question

我试图在Rails 4中使用引导滑块-rails宝石制作一个应用程序。

我找不到如何使用它的例子。

我通过安装创业板并添加：

@import 'bootstrap-slider';

到我的application.css.scss文件，并且

//= require_tree .
//= require bootstrap-slider

引导滑块是我的application.js中最不需要的东西

在我看来，我想做一个滑块。

我试过粗略地粘贴http://www.eyecon.ro/bootstrap-slider/上显示的文本

$('.slider').slider()

​

尽管它除了打印滑块行作为文本之外，什么也不做。

你是怎么做到这一点的？

相反，当我使用示例时，

http://seiyria.com/bootstrap-slider/

我可以在视图上显示滑块。不过，我不认为这个用的是宝石。

有人知道怎么做吗？

Answer 1

请显示您的浏览器控制台。验证是否存在任何错误，以及输入文本是否有类slider，如以下示例所示：

Gemfile：

gem 'bootstrap-slider-rails'

application.css：

 *= require bootstrap-slider
 *= require_tree .
 *= require_self

application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require bootstrap-slider

$(function() {
  $('.slider').slider();
});

test.html.erb：

<input type="text" class="slider" value="" data-slider-min="-20" data-slider-max="20" data-slider-step="1" data-slider-value="-14" data-slider-orientation="vertical" data-slider-selection="after"data-slider-tooltip="hide">

我做了个测试，这样就行了。祝好运

编辑：验证slider()调用是否处于就绪状态，如$(function() {