問題タブ [bootstrap-slider]

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

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

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

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

ブートストラップ スライダーは、私の application.js で最後に必要なものです。

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

http://www.eyecon.ro/bootstrap-slider/に表示されているテキストを大まかに貼り付けてみました

$('.slider').slider()

ただし、スライダーの行をテキストとして出力する以外は何もしません。

これをどのように機能させるのですか？

対照的に、次の例を使用すると、

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

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

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

ネストされたフォームで simple_form と bootstrap_slider を使用しています。セットアップ パラメータを渡すにはどうすればよいですか?

私はこれを使用しています

これは正常に動作します。このクラスは、別のフィールドを更新するために jquery によって使用されます。私ができなかったのは、初期値を設定することです。Bootstrap_slider はこれを望んでいます:

f.input_field に「data-slider-value」を含めるにはどうすればよいですか? これはネストされたセクションの一部であるため、自動生成された ID などが必要です。フォームが編集画面で機能するように、スライダーに元の値を取得する必要があるだけです。

クラス「agt_prof_slider」は、jquery で使用するものです。たとえば、

Slider2 と Slider3 の合計で Slider1 の値を更新しようとしていますが、Slider1 または Slider2 のいずれかの値のみが表示されています。Slider1 の値を更新する際に間違いを犯しています。

これがワーキングフィドルです

code.html

JavaScript.js

コード.css

Fiddle (Working)で正常に動作している Slider を実装していますが、Browser に実装するとボックスのように表示されます。これがブラウザでの表示方法の写真です。

code.html

sli.js

コンソールにエラーは表示されません。css を含む必要なファイルをほぼすべて含めました。ただし、ボックスのみが表示され、スライダーは表示されません。

私はかなりの露の日のために苦労しているので、エラーの可能性があることを指摘してください.

私はブートストラップ スライダーを実装しており、それを処理するために TOP DOWN アプローチを使用しています。つまり、SUM スライダーを調整すると、その下の両方のスライダーに値が反映されます。また、下のスライダーに加えられた変更は、SUM スライダーにも影響します。

SUM スライダーをスライドさせているときを除いて、すべてが正常に機能しています。下の両方のスライダーが同じ値から開始しているため、再調整したくありませんが、現在の値の同じポイントから開始します。

それを修正する方法はありますか。

これがWorking Fiddleです。SUMスライダーをスライドしてみてください。下の両方のスライダーが同じポイントに来ますが、これは望ましくありません。SUM スライダーは、下の 2 つに均等に分配されますが、同じポイント、つまり同じ値からではありません。

.html

.js

Rails 4 アプリで動作するようにブートストラップ スライダーをセットアップしようとしています。

私はこの 1 年間、どうやってそれを機能させるかを理解しようと奮闘してきました。

このページで html/js のすべての組み合わせを試しました: http://seiyria.com/bootstrap-slider/

私はそれらのどれも働かせることができません。コンソール エラーは発生せず、クロム インスペクター エレメント ウィンドウに div id が表示されます。これを使用しようとすると、レンダリングされたビューは単なる空のコンテナーです。

私は持っている：

Gemfile

アプリケーション.js

また、bootstrap-slider を tree の後の最後の位置に移動しようとしました。

アプリ/assets/javascripts/slider.js

アプリ/ビュー/プロジェクト/_trl.html.erb

これを機能させる方法に関するガイダンスを見つける場所を誰かに教えてもらえますか。他の人にとっては簡単なのに、なぜ私にとっては複雑なのか理解できません。

コンソールには、js に関するエラーは表示されません。