0

我可以滚动导航器插件并将历史设置为true。这样用户就可以使用 id'd 链接滚动到可滚动列表中他们选择的选项（大约 50 个项目）。我将循环设置为true。

这些项目以 4 个为一组显示。但上一个和下一个按钮仅移动 1 个项目，而我希望它们移动 4 个项目。我该怎么做呢？

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

我尝试使用 api.move(-2) 创建一个单击处理程序，但是会发生各种奇怪的事情（不会预先阻止原生滚动；倒退而不是前进，或者前进然后按一个顺序倒退 -不能接受的）。

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

谢谢，

  • 亨里克
4

1 回答 1

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);
});
});
于 2010-09-10T17:05:30.943 回答