jquery一个滑块控制另一个滑块

Question

如何让一个jquery ui滑块控件变成另一个？如果我滑动1号滑块，它也应该滑动2号滑块。

Answer 1

在创建滑块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 );
}