JS滑块中的`onstatechange`函数无法正常工作

时间:2013-09-23 09:01:30

标签: jquery jslider

我正在使用egorkhmelev's滑块,在其参数中我们可以传递名为onstatechange的函数(拖动句柄时有效)。我想要这个函数的最小值和最大值。以下是我的代码(fiddle): JQ:

jQuery("#Slider2").slider({
    from: <?= $mn?>, 
    to: <?= $mx?>, 
    step: 1,
    round: 1, 
    skin: 'plastic',
    limits:true,
    heterogeneity: ['90/50000'],
    onstatechange:function(){console.log($('#Slider2').slider("value"))},
});

HTML:

<span style="display: inline-block; width: 200px; padding: 0 5px;"><input id="Slider2" type="slider" name="price" value="<?= $mn?>;<?= $mx ?>" /></span>

它记录了最大值和最小值,但问题是它是否自己创建了另一个滑块。所以我不知道如何阻止它。这是我的fiddle,如果你检查这个小提琴,有两个范围,一个是0到10,另一个是0到100.所以这个0到10本身。如何解决这个问题。请帮忙

1 个答案:

答案 0 :(得分:1)

更改onstatechange功能,如下所示:

jQuery("#Slider2").slider({
  from: 0, 
  to: 100, 
  step: 1,
  round: 1, 
  skin: 'plastic',
  limits:true,
  heterogeneity: ['90/50'],
  onstatechange:function(value){console.log(value)},
 });

您在onstatechange函数的代码中创建了一个带有默认值的新滑块。

Fiddle here