Jquery Tools＆Scrollable

Question

我可以使用导航器插件和历史记录设置为true来滚动。这样用户就可以使用id'd链接滚动到可滚动列表中选择的选项（约50项）。我的循环设置为true。

该项目显示在4组。但前一个和下一个按钮只移动1个项目，而我希望他们移动4个项目。我该怎么做呢？

我无法将它们分组在div页面中，因为索引选项卡列表然后与这些div页面匹配而不是包含的项目。

我试着用api.move（-2）创建一个点击处理程序，但是所有奇怪的事情都会发生（不会预先取消原生滚动;反转而不是前进或前进然后后退在一个序列中 - 不可接受）。

我明显缺少一些基本的东西。指针将不胜感激。

感谢，

• 亨里克

Answer 1

这里是我落得这样做：我抓住了API和替换next和prev功能;禁用通告;添加第一个和最后一个按钮一种解决方法/半解决方案。你可以看到结果在http://cityrinks.ca/wiki/wiki.php?n=ListOfRinks.TableOfRinks

$(function() { 
$(".scrollable") 
    .scrollable({ 
     vertical: true, 
     mousewheel: true, 
     circular:false 
    }) 
    .navigator({ 
    navi: "#rinktabs", 
    naviItem: 'a', 
    activeClass: 'current', 
    history: false 
     }); 
var api = $(".scrollable").data("scrollable"); 
api.next = function(time) { 
index = this.getIndex(); 
size = this.getSize(); 
interval = size - index; 
if (interval > 4) interval = 4; 
return this.move(interval, time); 
}; 
api.prev = function(time) { 
index = this.getIndex(); 
if (index > 4) index = 4; 
return this.move(-index, time); 
}; 
$("#firstbutton").click(function() { 
var api = $(".scrollable").data("scrollable"); 
return api.begin(api.speed); 
}); 
$("#lastbutton").click(function() { 
var api = $(".scrollable").data("scrollable"); 
return api.end(api.speed); 
}); 
});