jquery uno slider ne controlla un altro

Question

Come posso fare in modo che un dispositivo di scorrimento dell'interfaccia utente jquery ne controlli un altro? Se faccio scorrere il cursore # 1, dovrebbe scorrere anche il cursore # 2.

Answer 1

Fornisci una funzione di scorrimento / modifica quando crei il dispositivo di scorrimento, che utilizza il valore ui. della maniglia da modificare sul dispositivo di scorrimento e imposta il valore della maniglia su dispositivo di scorrimento2. A seconda di quante maniglie hanno i tuoi cursori, dovrai regolare quanto segue:

Nota Non ho provato questo, quindi potrebbe essere necessario modificarlo un po '.

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