Слайдер пользовательского интерфейса jQuery с возможностью прокрутки инструментов jQuery - PullRequest
Новая
       18

Слайдер пользовательского интерфейса jQuery с возможностью прокрутки инструментов jQuery

1 голос
/ 11 августа 2011

Кто-нибудь когда-либо видел пример (или учебник) использования элемента ползунка jQuery UI для управления jQuery Tools Scrollable ?Я хочу построить страницу типа временной шкалы и хочу иметь горизонтальную прокрутку, которая может иметь вертикальную прокрутку внутри нее.Нужно управлять им с помощью слайдера, подобного тому, который встроен в jQUery UI.

Я бы не стал изобретать велосипед, когда уверен, что что-то там уже есть.

1 Ответ

0 голосов
/ 22 августа 2011

Вы можете легко связать событие ползунка change с функцией seekTo элемента Scrollable, например: 

$( ".slider" ).slider({
     change: function(event, ui) {
           myScrollable.seekTo( $( ".slider" ).slider( "value" ) , 0 );
     }
});

И вы также хотите обновить ползунок после перемещения прокрутки (если есть другой способ перемещения). 

var myScrollable = $( ".scrollable" ). scrollable({
     onSeek:function(){
           $( ".slider" ).slider( "value" , myScrollable.getIndex() );
     }
})
...