يسيطر jquery أحد شريط التمرير على آخر
سؤال
كيف أجعل منزلق jQuery UI يتحكم في آخر؟ إذا قمت بانزلاق شريط التمرير رقم 1 ، فيجب أن يحرك شريط التمرير رقم 2 أيضًا.
المحلول
قم بتزويد وظيفة الشريحة/التغيير عند إنشاء Slider One ، والتي تستخدم واجهة المستخدم. اعتمادًا على عدد المقابض التي ستحتاجها إلى ضبط ما يلي:
ملحوظة لم أحاول هذا ، لذا قد تحتاج إلى تعديله.
<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