0

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

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

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

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

私は持っている：

Gemfile

gem 'bootstrap-slider-rails'

アプリケーション.js

//= require jquery
//= require jquery-ui
//= require bootstrap-sprockets
//= require jquery_ujs
//= require html.sortable
//= require disqus_rails
//= require moment
//= require bootstrap-datetimepicker
//= require pickers
//= require masonry.pkgd.min
//= require multipleFilterMasonry
//= require main
//= require hammer.min
//= require jquery.animate-enhanced.min
//= require jquery.countTo
//= require jquery.easing.1.3
//= require jquery.fitvids
//= require jquery.magnific-popup.min
//= require jquery.parallax-1.1.3
//= require jquery.properload
//= require jquery.shuffle.modernizr.min
//= require jquery.sudoSlider.min
//= require jquery.superslides.min
//= require rotaterator
//= require smoothscrolljs
//= require waypoints.min
//= require wow.min
//= require underscore
//= require gmaps/google
//= require markerclusterer
//= require infobox
//= require chosen-jquery
//= require cocoon
//= require imagesloaded.pkgd.min
//= require isotope.pkgd.min
//= require jquery.counterup.min
//= require jquery.pjax
//= require custom.js
// require slider
//= require bootstrap-slider
//= require_tree .

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

アプリ/assets/javascripts/slider.js

jQuery(document).ready(function() {
    $("#ex8").slider({
    tooltip: 'always'
});

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

 <input id="ex8" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>

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

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

4

3 に答える 3

0

使用する：

//= require slider

そして更新slider.js：

jQuery(document).ready(function() {
  $("#ex8").slider({
    tooltip: 'always'
  });
});
于 2016-08-31T01:54:49.983 に答える