blocks|key|1034786|text|这取决于您是要更改当前范围中的滑块还是要更改滑块的范围。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1034787|如果要更改的是当前范围内的值，则应该使用.slider()方法，但语法与您使用的稍有不同：|1034788|$("#slider").slider('value',50);|code-block|syntax|javascript|1034789|或者，如果你有一个有两个手柄的滑块，它将是：|1034790|$("#slider").slider('values',0,50);+//+sets+first+handle+(index+0)+to+50
$("#slider").slider('values',1,80);+//+sets+second+handle+(index+1)+to+80|1034791|如果它是您想要更改的范围，则为：|1034792|$("#slider").slider('option',{min:+0,+max:+500});|1034793|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

It depends on if you want to change the sliders in the current range or change the range of the sliders.

If it is the values in the current range you want to change, then the .slider() method is the one you should use, but the syntax is a bit different than you used:

<pre><code>$("#slider").slider('value',50);
</code></pre>

or if you have a slider with two handles it would be:

<pre><code>$("#slider").slider('values',0,50); // sets first handle (index 0) to 50
$("#slider").slider('values',1,80); // sets second handle (index 1) to 80
</code></pre>

If it is the range you want to change it would be:

<pre><code>$("#slider").slider('option',{min: 0, max: 500});
</code></pre>

blocks|key|1035018|text|对我来说，这完美地触发了UI+Slider上的幻灯片事件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1035019|hs=$('#height_slider').slider();
hs.slider('option',+'value',h);
hs.slider('option','slide')
+++++++.call(hs,null,{+handle:+$('.ui-slider-handle',+hs),+value:+h+});|code-block|syntax|javascript|1035020|别忘了在触发器之前通过hs.slider('option',+'value',h);设置值。否则，滑块处理程序将与值不同步。|offset|length|style|CODE|1035021|这里需要注意的一件事是，在使用html+select的情况下，h是索引/位置(而不是值)。|1035022|entityMap^0|0|0|B|V|0|K|6|V|1|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@$I|W|J|X|K|L]|$I|Y|J|Z|K|L]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|P|$]]

For me this perfectly triggers slide event on UI Slider :

<pre><code>hs=$('#height_slider').slider();
hs.slider('option', 'value',h);
hs.slider('option','slide')
 .call(hs,null,{ handle: $('.ui-slider-handle', hs), value: h });
</code></pre>

Don't forget to set value by <code>hs.slider('option', 'value',h);</code> before the trigger. Else slider handler will not be in sync with value.

One thing to note here is that <code>h</code> is index/position (not value) in case you are using html <code>select</code>.

blocks|key|1035044|text|上面的答案对我来说都不起作用，也许它们是基于旧版本的框架？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1035045|我需要做的就是设置底层控件的值，然后调用刷新方法，如下所示：|1035046|$("#slider").val(50);
$("#slider").slider("refresh");|code-block|syntax|javascript|1035047|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

None of the above answers worked for me, perhaps they were based on an older version of the framework?

All I needed to do was set the value of the underlying control, then call the refresh method, as below:

<pre><code>$("#slider").val(50);
$("#slider").slider("refresh");
</code></pre>

blocks|key|1035079|text|Mal的答案是唯一对我有效的(也许jqueryUI已经改变了)，下面是一个处理范围的变体：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1035080|$(+"#slider-range"+).slider('values',0,lowerValue);
$(+"#slider-range"+).slider('values',1,upperValue);
$(+"#slider-range"+).slider("refresh");|code-block|syntax|javascript|1035081|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Mal's answer was the only one that worked for me (maybe jqueryUI has changed), here is a variant for dealing with a range:

<pre><code>$( "#slider-range" ).slider('values',0,lowerValue);
$( "#slider-range" ).slider('values',1,upperValue);
$( "#slider-range" ).slider("refresh");
</code></pre>

blocks|key|1035217|text|@gaurav解决方案的一部分适用于带有多个滑块的jQuery+2.1.3和JQuery+UI+1.10.2。我的项目是使用四个范围滑块通过this+filter.js+plugin过滤数据。其他解决方案是将滑块句柄重新设置到它们的起始点，但显然它们不会触发filter.js理解的事件。下面是我如何在滑块中循环：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1035218|$("yourSliderSelection").each+(function+()+{
++++var+hs+=+$(this);+
++++var+options+=+$(this).slider('option');

++++//reset+the+ui
++++$(this).slider(+'values',+[+options.min,+options.max+]+);+

++++//refresh/trigger+event+so+that+filter.js+can+reset+handling+the+data
++++hs.slider('option',+'slide').call(
++++++++hs,+
++++++++null,+
++++++++{
++++++++++++handle:+$('.ui-slider-handle',+hs),
++++++++++++values:+[options.min,+options.max]
++++++++}
++++);

});|code-block|syntax|javascript|1035219|在我的场景中，hs.slider()代码重置数据，但不重置UI。希望这对其他人有帮助。|style|CODE|1035220|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jiren/filter.js^0|1Y|L|0|0|0|7|B|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

One part of @gaurav solution worked for jQuery 2.1.3 and JQuery UI 1.10.2 with multiple sliders. My project is using four range sliders to filter data with <a href="https://github.com/jiren/filter.js" rel="nofollow">this filter.js plugin</a>. Other solutions were resetting the slider handles back to their starting end points just fine, but apparently they were not firing an event that filter.js understood. So here's how I looped through the sliders:

<pre><code>$("yourSliderSelection").each (function () {
 var hs = $(this); 
 var options = $(this).slider('option');

 //reset the ui
 $(this).slider( 'values', [ options.min, options.max ] ); 

 //refresh/trigger event so that filter.js can reset handling the data
 hs.slider('option', 'slide').call(
 hs, 
 null, 
 {
 handle: $('.ui-slider-handle', hs),
 values: [options.min, options.max]
 }
 );

});
</code></pre>

The <code>hs.slider()</code> code resets the data, but not the UI in my scenario. Hope this helps others.

blocks|key|1034838|text|可以像这样手动触发事件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1034839|将滑块行为应用于元素|1034840|var+s+=+$('#slider').slider();|code-block|syntax|javascript|1034841|..。|1034842|设置滑块值|1034843|s.slider('value',10);|1034844|触发slide事件，传递一个ui对象|1034845|s.trigger('slide',{+ui:+$('.ui-slider-handle',+s),+value:+10+});|1034846|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|Z|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

It's possible to manually trigger events like this:

Apply the slider behavior to the element

<pre><code>var s = $('#slider').slider();
</code></pre>

...

Set the slider value

<pre><code>s.slider('value',10);
</code></pre>

Trigger the slide event, passing a ui object

<pre><code>s.trigger('slide',{ ui: $('.ui-slider-handle', s), value: 10 });
</code></pre>

blocks|key|1035123|text|如果需要更改多个输入中的滑块值，请使用它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1035124|html：|1035125|<input+type="text"+id="amount">
<input+type="text"+id="amount2">
<div+id="slider-range"></div>|code-block|syntax|javascript|1035126|js：|1035127|++++$(+"#slider-range"+).slider({
++++range:+true,
++++min:+0,
++++max:+217,
++++values:+[+0,+217+],
++++slide:+function(+event,+ui+)+{
++++++++$(+"#amount"+).val(+ui.values[+0+]+);
++++++++$(+"#amount2"+).val(+ui.values[+1+]+);
++++}
++++});

$("#amount").change(function()+{
++++$("#slider-range").slider('values',0,$(this).val());
});
$("#amount2").change(function()+{
++++$("#slider-range").slider('values',1,$(this).val());
});|1035128|https://jsfiddle.net/brhuman/uvx6pdc1/1/|offset|length|1035129|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|14|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|10|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|12|8|@]|9|@$O|13|P|14|1|15]]|A|$]]|$1|Q|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|N]]]]

If you need change slider values from several input, use it:

html:

<pre><code>&lt;input type="text" id="amount"&gt;
&lt;input type="text" id="amount2"&gt;
&lt;div id="slider-range"&gt;&lt;/div&gt;
</code></pre>

js:

<pre><code> $( "#slider-range" ).slider({
 range: true,
 min: 0,
 max: 217,
 values: [ 0, 217 ],
 slide: function( event, ui ) {
 $( "#amount" ).val( ui.values[ 0 ] );
 $( "#amount2" ).val( ui.values[ 1 ] );
 }
 });

$("#amount").change(function() {
 $("#slider-range").slider('values',0,$(this).val());
});
$("#amount2").change(function() {
 $("#slider-range").slider('values',1,$(this).val());
});
</code></pre>

<a href="https://jsfiddle.net/brhuman/uvx6pdc1/1/" rel="nofollow">https://jsfiddle.net/brhuman/uvx6pdc1/1/</a>

blocks|key|1250151|text|我想要更新滑块和输入框。对我来说，下面的方法是有效的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1250152|a.slider('value',1520);
$("#labelAID").val(1520);|code-block|syntax|javascript|1250153|其中a是object，如下所示。|offset|length|style|CODE|1250154|+var+a=+$(+"<div+id='slider'+style='width:200px;margin-left:20px;'></div>"+).insertAfter(+"#labelAID"+).slider({
++++++++++++min:+0,
++++++++++++max:+2000,
++++++++++++range:+"min",
++++++++++++value:+111,
++++++++++++slide:+function(+event,+ui+)+{

++++++++++++++++$("#labelAID").val(ui.value++++);
++++++++++++}
++++++++});

++++++++$(+"#labelAID"+).keyup(function()+{
++++++++++++a.slider(+"value",$(+"#labelAID"+).val()++);
++++++++});|1250155|entityMap^0|0|0|2|1|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I wanted to update slider as well as the inputbox.
For me following is working

<pre><code>a.slider('value',1520);
$("#labelAID").val(1520);
</code></pre>

where <code>a</code> is object as following.

<pre><code> var a= $( "&lt;div id='slider' style='width:200px;margin-left:20px;'&gt;&lt;/div&gt;" ).insertAfter( "#labelAID" ).slider({
 min: 0,
 max: 2000,
 range: "min",
 value: 111,
 slide: function( event, ui ) {

 $("#labelAID").val(ui.value );
 }
 });

 $( "#labelAID" ).keyup(function() {
 a.slider( "value",$( "#labelAID" ).val() );
 });
</code></pre>

blocks|key|1250320|text|在我使用带有2个手柄的jquery滑块的情况下，只能按照下面的方式工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1250321|$('#Slider').slider('option',{values:+[0.15,+0.6]});|code-block|syntax|javascript|1250322|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In my case with jquery slider with 2 handles only following way worked.

<pre><code>$('#Slider').slider('option',{values: [0.15, 0.6]});
</code></pre>

blocks|key|1250372|text|这对我来说很有效，但它是一个自定义实现。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1250373|设置滑块值|1250374|++$('#slider-width').slider('values',+0,+range[+0+]);
++$('#slider-width').slider('values',+1,+range[+1+]);
++setSliderHandles('width',+range[+0+],+range[+1+]);|code-block|syntax|javascript|1250375|就位移动手柄|1250376|++function+setSliderHandles(type,+min,+max){
++++$('#slider-'+%2B+type+%2B+'+span.ui-slider-handle:eq(0)+.price-range-min').html(min+%2B+'"');
++++$('#slider-'+%2B+type+%2B+'+span.ui-slider-handle:eq(1)+.price-range-max').html(max+%2B+'"');
++++$('#slider-'+%2B+type+%2B+'+span.price-range-both').html(''+%2B+min+%2B+'"+-+'+%2B+max+%2B+'"');
++++
++++if+(+min+==+max+)+{
++++++$('#slider-'+%2B+type+%2B+'+span.price-range-both+i').css('display',+'none');
++++++$('#single_'+%2B+type).val(min);
++++}+else+{
++++++$('#slider-'+%2B+type+%2B+'+span.price-range-both+i').css('display',+'inline');
++++++$('#single_'+%2B+type).val('');
++++}

++++if+(collision($('#slider-'+%2B+type+%2B+'+span.price-range-min'),+$('#slider-'+%2B+type+%2B+'+span.price-range-max'))+==+true)+{
++++++++$('#slider-'+%2B+type+%2B+'+span.price-range-min,+#slider-'+%2B+type+%2B+'+span.price-range-max').css('opacity',+'0');++
++++++++$('#slider-'+%2B+type+%2B+'+span.price-range-both').css('display',+'block');++++++++
++++}+else+{
++++++++$('#slider-'+%2B+type+%2B+'+span.price-range-min,+#slider-'+%2B+type+%2B+'+span.price-range-max').css('opacity',+'1');++
++++++++$('#slider-'+%2B+type+%2B+'+span.price-range-both').css('display',+'none');+++++
++++}++++++++
++}

function+collision($div1,+$div2)+{
++++var+x1+=+$div1.offset().left;
++++var+w1+=+40;
++++var+r1+=+x1+%2B+w1;
++++var+x2+=+$div2.offset().left;
++++var+w2+=+40;
++++var+r2+=+x2+%2B+w2;
++++++
++++if+(r1+<+x2+%7C%7C+x1+>+r2)+return+false;
++++return+true;
}|1250377|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

This worked for me but it's a custom implementation.
Set slider values
<pre><code> $('#slider-width').slider('values', 0, range[ 0 ]);
 $('#slider-width').slider('values', 1, range[ 1 ]);
 setSliderHandles('width', range[ 0 ], range[ 1 ]);
</code></pre>
Move handles in position
<pre><code> function setSliderHandles(type, min, max){
 $('#slider-' + type + ' span.ui-slider-handle:eq(0) .price-range-min').html(min + '&quot;');
 $('#slider-' + type + ' span.ui-slider-handle:eq(1) .price-range-max').html(max + '&quot;');
 $('#slider-' + type + ' span.price-range-both').html('&lt;i&gt;' + min + '&quot; - &lt;/i&gt;' + max + '&quot;');
 
 if ( min == max ) {
 $('#slider-' + type + ' span.price-range-both i').css('display', 'none');
 $('#single_' + type).val(min);
 } else {
 $('#slider-' + type + ' span.price-range-both i').css('display', 'inline');
 $('#single_' + type).val('');
 }

 if (collision($('#slider-' + type + ' span.price-range-min'), $('#slider-' + type + ' span.price-range-max')) == true) {
 $('#slider-' + type + ' span.price-range-min, #slider-' + type + ' span.price-range-max').css('opacity', '0'); 
 $('#slider-' + type + ' span.price-range-both').css('display', 'block'); 
 } else {
 $('#slider-' + type + ' span.price-range-min, #slider-' + type + ' span.price-range-max').css('opacity', '1'); 
 $('#slider-' + type + ' span.price-range-both').css('display', 'none'); 
 } 
 }

function collision($div1, $div2) {
 var x1 = $div1.offset().left;
 var w1 = 40;
 var r1 = x1 + w1;
 var x2 = $div2.offset().left;
 var w2 = 40;
 var r2 = x2 + w2;
 
 if (r1 &lt; x2 || x1 &gt; r2) return false;
 return true;
}
</code></pre>

blocks|key|1250294|text|在启动或刷新时value+=0(默认值)如何从http请求中获取值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1250295|+<script>
+++++++$(function()+{
+++++++++$(+"#slider-vertical"+).slider({
++++animate:+5000,
++++orientation:+"vertical",
++++range:+"max",
++++min:+0,
++++max:+100,
++++value:+function(+event,+ui+)+{
++++++++$(+"#amount"+).val(+ui.value+);

++//++build+a+URL+using+the+value+from+the+slider
++var+geturl+=+"http://192.168.0.101/position";

++//++make+an+AJAX+call+to+the+Arduino
++$.get(geturl,+function(data)+{

++});
++},
++++slide:+function(+event,+ui+)+{
++++++++$(+"#amount"+).val(+ui.value+);

++//++build+a+URL+using+the+value+from+the+slider
++var+resturl+=+"http://192.168.0.101/set?points="+%2B+ui.value;

++//++make+an+AJAX+call+to+the+Arduino
++$.get(resturl,+function(data)+{
++});
++}
++});

$(+"#amount"+).val(+$(+"#slider-vertical"+).slider(+"value"+)+);

});
+++</script>|code-block|syntax|javascript|1250296|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

On start or refresh value = 0 (default)
How to get value from http request

<pre><code> &lt;script&gt;
 $(function() {
 $( "#slider-vertical" ).slider({
 animate: 5000,
 orientation: "vertical",
 range: "max",
 min: 0,
 max: 100,
 value: function( event, ui ) {
 $( "#amount" ).val( ui.value );

 // build a URL using the value from the slider
 var geturl = "http://192.168.0.101/position";

 // make an AJAX call to the Arduino
 $.get(geturl, function(data) {

 });
 },
 slide: function( event, ui ) {
 $( "#amount" ).val( ui.value );

 // build a URL using the value from the slider
 var resturl = "http://192.168.0.101/set?points=" + ui.value;

 // make an AJAX call to the Arduino
 $.get(resturl, function(data) {
 });
 }
 });

$( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );

});
 &lt;/script&gt;
</code></pre>

blocks|key|1250349|text|最后，下面的内容对我来说很有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1250350|$("#priceSlider").slider('option'，{最小:+5，最大:+20，取值:6，19})；$(“#priceSlider”).slider(“刷新”)；|1250351|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Finally below works for me

$("#priceSlider").slider('option',{min: 5, max: 20,value:[6,19]});
 $("#priceSlider").slider("refresh");

blocks|key|1250161|text|以下是工作版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1250162|var+newVal+=+10;
var+slider+=+$('#slider');++++++++
var+s+=+$(slider);
$(slider).val(newVal);
$(slider).slider('refresh');|code-block|syntax|javascript|1250163|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is working version: 

<pre><code>var newVal = 10;
var slider = $('#slider'); 
var s = $(slider);
$(slider).val(newVal);
$(slider).slider('refresh');
</code></pre>

I'd like to modify the sliders on-the-fly. I tried to do so by using

<pre><code>$("#slider").slider("option", "values", [50,80]);
</code></pre>

This call will set the values, but the element will not update the slider positions.
Calling

<pre><code>$("#slider").trigger('change');
</code></pre>

does not help either.

Is there another/better way to modify the value AND slider position?

jQuery UI Slider (setting programmatically)

我想即时修改滑块。我尝试使用以下命令来实现此目的$("#slider").slider("option", "values", [50,80]);此调用将设置值，但元素不会更新滑块位置。呼叫$("#slider").trigger('change');也无济于事。是否有其他/更好的方法来修改值和滑块位置？

问jQuery UI滑块(以编程方式设置)
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery UI滑块(以编程方式设置)EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery UI滑块(以编程方式设置)
EN