Question

有人曾见过使用jQuery UI slider element来控制jQuery Tools Scrollable的示例（或优选教程）吗？我正在寻找一个时间轴类型的页面，并希望有一个水平可滚动，可以在其中进行垂直滚动。希望通过像jquery UI中内置的滑块来控制它。

当我非常确定某些东西已经存在时，我宁愿不重新发明轮子。

Answer 1

您可以轻松地将滑块的change事件链接到Scrollable元素的seekTo函数，例如：

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

并且您还希望在滚动条移动后更新滑块（如果有另一种移动方式）。

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

jQuery UI Slider与jQuery Tools Scrollable

1 个答案: