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

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

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


person Keefer    schedule 11.08.2011    source источник
comment
До сих пор не нашел подходящего решения для этого. Любая помощь будет оценена по достоинству.   -  person Keefer    schedule 22.08.2011


Ответы (1)


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

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

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

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