这是一个 jsfiddle 说明了一个解决方案:http://jsfiddle.net/exXLV/8/ http://jsfiddle.net/exXLV/8/
技巧似乎是创建一个滑块并设置它的animate
选项true
, slow
,ETC。之后你应该通过设置滑块的值$("#slider").slider('value', 150);
注意使用之间的区别.slider('value', 150)
语法(“值”函数)并使用.slider({value:myValue, animate:true})
语法(“选项”函数)。
HTML:
<h1>HTML Slider Test</h1>
<div id="slider"></div>
<p>Your slider has a value of <span id="slider-value"></span></p>
<button type="button">Set to 150</button>
JS:
$("#slider").slider(
{
value:100,
min: 0,
max: 500,
step: 1,
animate: "slow",
slide: function( event, ui ) {
$( "#slider-value" ).html( ui.value );
}
}
);
$( "#slider-value" ).html( $('#slider').slider('value') );
$("button").click( function(){
$("#slider").slider('value', 150);
});