Rails with bootstrap-slider-rails

Question

我正在尝试使用bootstrap-slider-rails gem在Rails 4中制作应用程序。

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

我通过安装gem并添加以下内容进行设置：

@import 'bootstrap-slider';

到我的application.css.scss文件，和

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

bootstrap滑块是我的application.js中最后需要的东西

在我看来，我想制作一个滑块。

我试着粗略地粘贴http://www.eyecon.ro/bootstrap-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() {