如何從和在IonRangeSlider值時得到類型是「單」

Question

我使用IonRangeSlider在我有3個自定義值：

["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。

在single情況下，to總是null如果你看看onFinish回調的響應參數裏面，也傳遞的數組的第一個項目將是永遠的to所以你可以只得到兩個from/to，如：

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="" />