动态更改滑块的最小最大值

Question

尝试更改Html代码中定义的Slider的最小值和最大值

     <input type="range"  id="slider" min="0" max="100" value="50" />

在运行时如下所示：

$( "#slider" ).slider( "option", "min", 40 );
$( "#slider" ).slider( "option", "max", 90 );

但它不起作用，请帮忙。没错。还尝试了destroy（）和refresh（），但没有改变。

Answer 1

使用.prop()更改min和max，然后.slider("refresh")更改广告。

$("#slider").prop({
  min: 40,
  max: 90
}).slider("refresh");

  

<强> Demo