JQuery One Slider controla outro

Question

Como faço para fazer um controle deslizante da interface do usuário do jQuery outro? Se eu deslizar o slider #1, ele deve deslizar o slider nº 2 também.

Answer 1

Forneça uma função de slide/alteração ao criar um slider, que usa a interface do usuário.Value da alça que está sendo alterada no slider um e define o valor do identificador no Slider2. Dependendo de quantas alças seus controles deslizantes terão você precisará ajustar o seguinte:

Observação Eu não tentei isso, então você pode precisar ajustá -lo um pouco.

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