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