JQuery One Slider steuert einen anderen
Frage
Wie mache ich eine jQuery UI Slider einen anderen? Wenn ich Slider #1 schiebe, sollte es auch Slider #2 schieben.
Lösung
Geben Sie eine Folien-/Änderungsfunktion an, wenn Sie Slider erstellen, der den UI -Wert des Griffs verwendet, der auf Schieberegler geändert wird und den Handle -Wert auf Slider2 festgelegt wird. Abhängig davon, wie viele Handles Ihre Schieberegler haben, müssen Sie Folgendes einstellen:
Notiz Ich habe es nicht versucht, also müssen Sie es möglicherweise einige optimieren.
<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 );
}
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow