3

我正在尝试使用 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/

我可以在视图上显示一个滑块。我不认为这使用了宝石。

有谁知道如何让这个工作？

4

1 回答 1

0

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

宝石文件：

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();
});

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() {

于 2016-03-26T23:58:26.633 回答