Как получить значения из Range Slider в JQuery - IonRangeSlider?

Question

Как я могу получить значения из компонента ion.rangeSlider с помощью слайдера изменения?

Это мой JQuery код:

function rangeSlider() { 
var $range = $(".js-range-slider"); 
$range.ionRangeSlider({ 
    type: "single", 
    min: 0, 
    max: 5, 
    // from: 0, 
    grid: true, 

}); }

Answer 1

Вы должны использовать построить в функции обратного вызова, чтобы сделать это (onChange, onStart, onFinish): http://jsfiddle.net/IonDen/gefkwqv6/

var $range = $(".js-range-slider"), 
    $inputFrom = $(".js-input-from"), 
    $inputTo = $(".js-input-to"), 
    instance, 
    min = 0, 
    max = 1000; 

$range.ionRangeSlider({ 
    type: "double", 
    min: min, 
    max: max, 
    from: 100, 
    to: 900, 
    onStart: updateInputs, 
    onChange: updateInputs, 
    onFinish: updateInputs 
}); 

function updateInputs (data) { 
    $inputFrom.prop("value", data.from); 
    $inputTo.prop("value", data.to); 
} 

instance = $range.data("ionRangeSlider");