jquery 一个滑块控制另一个

Question

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

Answer 1

在创建滑块一时提供滑动/更改函数，该函数使用滑块一上正在更改的句柄的 ui.value 并设置滑块二上的句柄值。根据您的滑块有多少手柄，您需要调整以下内容：

注意我没有尝试过，所以您可能需要对其进行一些调整。

<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 );
}