3

Я пытаюсь создать приложение в Rails 4, используя самонаводящийся самонаводчик.Rails с bootstrap-slider-rails

Я не могу найти пример того, как его использовать.

Я поставил его, установив камень и добавив:

@import 'bootstrap-slider'; 

в мой файл application.css.scss и

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

самозагрузки слайдер это последнее, что требуется в моем приложении .js

На мой взгляд, я хочу сделать слайдер.

Я пытался грубо вставить текст, отображаемый на http://www.eyecon.ro/bootstrap-slider/

$ ('слайдер'). Слайдер()

хотя он не делает ничего, кроме печати ползунка линии в виде текста.

Как вы это заработаете?

В противоположность этому, когда я использую примеры из

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

можно отобразить ползунок на представлении. Я не думаю, что это использует драгоценный камень, хотя.

Кто-нибудь знает, как это работает?

ответ

0

Пожалуйста, покажите свою консоль браузера. Проверьте, существует ли какая-либо ошибка, и если ваш ввод текст имеет класс 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"> 

Я сделал тест, таким образом работает. Успехов

Edit: Проверьте, если ваш slider() вызова в готовом как $(function() {

+0

Разница между моей попыткой и у вас, что я использую импортную Rathe, чем требуется в моем CSS дерева. Я создал файл в папке моих ресурсов/javascripts, называемый слайдером, и включил в него функцию js. Это не работает – Mel

+0

Использование на @import в scss работает для меня тоже. На вашей консоли не отображаются ошибки? –

+0

Нет ошибок. Единственное упоминание, которое он получает в консоли: Начало GET "/assets/bootstrap-slider.self-c657f96f6d1f33fcbca0bbbf2f5b12faec819a51afac97740f3078c64067891f.js?body=1" for :: 1 at 2016-03-27 11:35:41 +1100 – Mel