如何使用jquery ui使一個滑塊控制另一個滑塊？我試著按照這個教程來做，但是'moveTo'動作似乎太老了，現在已經不起作用了。我測驗了下面的函式，似乎并不奏效，它一直在重復最后一個函式。
< div id="slider-1" class="slider-range" onclick="move()"> < /div>
< div id="slider-2" class="slider-range"> </div>>
function moveSlider2（e, ui） {
jQuery('#slider-2').slider('value', ui.value) 。
}
uj5u.com熱心網友回復：
moveTo確實被廢棄了，但是你仍然可以使用value方法來做本質上相同的事情：以編程方式為滑塊設定一個值。請注意，如果你使用滑塊，你就應該使用滑塊--并監聽這個庫所引發的事件。例如：
const sliders = ['#slider-1'/span>, '#slider-2', '#slider-3'] 。 map(
selector => $（selector）.slider({
min: 1,
max: 5,
step: 0.1。
})
);
sliders.forEach（$el => {
//監聽`slide`事件，當用戶改變數值時被觸發。
$el.on('slide', (_, {value}) => {
sliders.forEach($slider => $slider.slider('value'/span>, value));
});
});.slider-range {
width: 50%;
margin: 5%;
}<link href="https://code. jquery.com/ui/1.12.1/themes/cupertino/jquery-ui.css" rel="styleheet"/>
<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<script src="https://code. jquery.com/ui/1.12.1/jquery-ui.js"></script>
< div id="slider-1" class="slider-range" > </div>>
< div id="slider-2"/span> class="slider-range"/span>> </div>>
< div id="slider-3"/span> class="slider-range"/span>> </div> 轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/319927.html
標籤：
上一篇：[解決]舊版本的//Jquery問題幫助升級到最新版本
下一篇：在C#中獲得一個"空佇列"例外