ブートストラップスライダレール付きのレール

Question

私は、bootstrap-slider-rails gemを使ってRails 4でアプリケーションを作ろうとしています。

使用方法の例が見つかりません。私は宝石をインストールして追加することによって、それを設定している

：

​​

私application.css.scssファイルに、そして

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

ブートストラップスライダーは自分のアプリケーションに必要な最後の事です.js

私の見解では、スライダーを作りたいと思います。

私はhttp://www.eyecon.ro/bootstrap-slider/

$（ 'スライダー'）に表示されるテキストを貼り付ける粗雑試みた。スライダー（）

それがテキストとして、スライダーのラインを印刷除いて何もしませんが。

これはどのように機能しますか？これとは対照的に

、私はビューのスライダーを表示することができ

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

からの例を使用します。私はこれが宝石を使用するとは思わない。

誰でもこの方法を知っていますか？

Answer 1

ブラウザのコンソールを表示してください。

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

をご入力テキストは、次の例のように、クラス 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()呼び出しが私の試みとあなたとの違いは、私は私のCSSのツリーに必要よりも輸入ratheを使用することである$(function() {