javascript - 带有 bootstrap-slider-rails 的 rails

Question

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

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

我已经通过安装 gem 并添加:

@import 'bootstrap-slider';

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

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

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

在我看来，我想制作一个 slider 。

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

$('.slider').slider()

尽管它除了将 slider 线打印为文本外什么都不做。

你是如何让它工作的？

相比之下，当我使用来自

的示例时

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

我可以在 View 上显示一个 slider 。我不认为这会使用 gem 。

有人知道如何让它工作吗？

Answer 1

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

gem 文件:

gem 'bootstrap-slider-rails'

应用程序.css:

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

应用程序.js

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

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

测试.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() {