jQuery-UIマルチレンジスライダ - 値を取得

Question

私のマルチレンジ入力にはthis jQuery-UIプラグインを使用しています。 1つの部分を除いて、うまくいきます。値を取得できません。誰かこのプラグインを使用しましたか？自分のプログラムで値を取得するにはどうすればよいですか？私はデータを取得するメソッドを見つけることができないようです。それを行う方法を説明するドキュメントはありません。

var ranges_array = [ 
    { 
    id: 1, 
    startValue: 2000, 
    endValue: 8000, 
    color: "rgb(27, 64, 194)" 
    } 
]; 
// 
$(function() { 
    $('#budget-range').rangeSlider({ 
    min: 0, 
    max: 10000, 
    ranges: ranges_array 
    }); 
}); 

Answer 1

あなたrangeSliderを定義するとき、あなたがイベントにuiパラメータを使用して、スライダの値を読み取ることができますrangeSlideイベント作成することができます。申し訳ありませんが、私はまだそれらを使用する方法がわからないよ

$(document).ready(function() { 
    var currentStartValue = ''; 
    var currentEndValue = ''; 

    $('#budget-range').rangeSlider({ 
    min: 0, 
    max: 10000, 
    ranges: ranges_array, 
    rangeSlide: function(event, ui) { 
     currentStartValue = ui.range.startValue; // set the current start value of the range 
     currentEndValue = ui.range.endValue; // set the current end value of the range 
    } 
    }); 

    function logRangeValues() { 
    console.log('Start value: ' + currentStartValue); 
    console.log('End value: ' + currentEndValue); 
    } 
});