タイプは、私は3つのカスタム値持っている私はIonRangeSliderを使用しています

Question

「一」の場合からとIonRangeSliderの値を取得する方法：

["Value1","Value2","Value3"] 

をと種類がsingleです。

今、私が欲しいものは私がValue1からValue2に切り替えるとから、道の値を検出したいですし、私は私がからとに基づいていくつかの計算を持っているとして、それらの両方が、2つの異なる変数に値が欲しいです値。しかし、私ができることは、ちょうどValue1のようなFromの値を得ることができます。

以下は私のコードです。

$('#Strategy').ionRangeSlider({ 
     type: 'single', 
     grid: true, 
     values: ["Value1","Value2","Value3"], 
     onFinish: function (obj) {     
      alert(obj.from_value); 
     } 
}); 

Answer 1

Working fiddle。

：ので、あなただけのように両方の from/toを得ることができるあなたは onFinishコールバックの応答パラメータの内側に見れば toは常に nullですが、また渡される配列の最初の項目は常に toなります single場合

var maintenanceStrategyItems = ["Preventive","Optimal","Corrective"]; 
var old_value=maintenanceStrategyItems[0]; 

$('#Strategy').ionRangeSlider({ 
    type: 'single', 
    grid: true, 
    values: maintenanceStrategyItems, 
    onChange: function (data) { 
    console.log(old_value, data.from_value); 
    old_value=data.from_value; 
    } 
}); 

これが役に立ちます。

var maintenanceStrategyItems = ["Preventive","Optimal","Corrective"]; 
 
var old_value=maintenanceStrategyItems[0]; 
 

 
$('#Strategy').ionRangeSlider({ 
 
    type: 'single', 
 
    grid: true, 
 
    values: maintenanceStrategyItems, 
 
    onChange: function (data) { 
 
    console.log(old_value, data.from_value); 
 
    old_value=data.from_value; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<link href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.skinFlat.css" rel="stylesheet"/> 
 
<link href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.css" rel="stylesheet"/> 
 
<script src="http://ionden.com/a/plugins/ion.rangeSlider/static/js/ion-rangeSlider/ion.rangeSlider.js"></script> 
 
<input type="text" id="Strategy" value="" />