JQuery один слайдер контролирует другой
Вопрос
Как сделать так, чтобы один слайдер jquery ui управлял другим? Если я перемещаю слайдер № 1, он также должен скользить слайдер № 2.
Решение
Предоставьте функцию слайд / изменение при создании слайдера, которая использует значение ui.val дескриптора, изменяемого на слайдере 1, и устанавливает значение дескриптора на слайдере 2. В зависимости от того, сколько у ваших ручек ползунков, вам нужно настроить следующее:
Примечание . Я не пробовал этого, поэтому вам может понадобиться немного его настроить.
<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 );
}
Не связан с StackOverflow