ion-range-slider - Ionrangeslider 使用先前设置的值更新值

Question

我在我的一种形式中使用 ionRangeslider 来显示提示范围。

如何更新提交按钮单击时的值，以便下次加载页面时，它会显示具有特定更新值的滑块？

HTML 代码

<input type="text" class="exampleslider" id="exampleslider" name="tips">

并通过 js 调用 ionRangeSlider

$('.exampleslider').ionRangeSlider({
  from: 0,
  to: 100,
  min: 0,
  grid: true,
  grid_num: 10,
  step: 10,
  postfix: '%',
});

输入是给定的名称提示，我想通过它通过数据库设置其值。

score 19 · Accepted Answer

19

 var instance = $(id).data("ionRangeSlider");

 instance.update({
   from: 10 //your new value
 });

于 2018-02-14T07:32:01.260 回答

score 0 · Accepted Answer

我有一个带有自定义值的滑块。

在这种情况下，索引应该用作from to值而不是实际值。

例如，滑块是用这个数组初始化的：

[0, 100, 500, 1000, 2000, 10000]

让更新其句柄为 on500和2000：

var data = $('#' + id).data("ionRangeSlider");

data.update({
   from: 2,
     to: 4 
 });

2 回答 2