带有引导滑块的导轨

Question

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

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

我已经通过安装 gem 来设置它并添加：

@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 类，如以下示例：

宝石文件：

gem 'bootstrap-slider-rails'

application.css：

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

应用程序.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() {