Question

我正在使用IonRangeSlider，其中我有3个自定义值：

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

类型为single。

现在我想要的是，我想以某种方式检测from和to值如果我从Value1切换到Value2那么我想要两个不同变量中的两个值，因为我有一些基于from和to值的计算。但我能做的就是获得像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;
  }
});

希望这有帮助。

＆＃13;

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;
  }
});

＆＃13;

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

＆＃13;

当type为'single'时，如何从IonRangeSlider中获取值

1 个答案: