jquery一个滑块控制另一个

Question

如何让一个jquery UI滑块控制另一个？如果我滑动滑块＃1，它也应滑动滑块＃2。

Answer 1

当您创建滑块时，请使用幻灯片/更改函数，该函数使用滑块1上正在更改的句柄的ui.value并设置slider2上的句柄值。根据你的滑块有多少个手柄，你需要调整以下内容：

注意我没有试过这个，所以你可能需要调整它。

<div id='example1' class='ui-slider-1' style="margin:10px;"> 
<div class='ui-slider-handle'></div>  
</div> 

<div id='example2' class='ui-slider-1' style="margin:10px;"> 
<div class='ui-slider-handle'></div>  
</div> 

$('#example1').slider({ slide: moveSlider2 }); 
$('#example2').slider(); 

function moveSlider2(e, ui) 
{ 
    $('#example2').slider('moveTo', ui.value); 
}