3

bootstrap-slider-rails gem を使用して Rails 4 でアプリを作成しようとしています。

使い方の例が見つかりません。

宝石をインストールして追加することでセットアップしました：

@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/

ビューにスライダーを表示できます。私はこれがgemを使用しているとは思わない。

これを機能させる方法を知っている人はいますか？

4

1 に答える 1

0

ブラウザのコンソールを表示してください。slider次の例のように、エラーが存在するかどうか、および入力テキストに class があるかどうかを確認します。

Gemfile:

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 に答える