Question

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

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

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

我尝试使用api.move（-2）创建一个单击处理程序，但是发生了各种奇怪的事情（不会先取代原生的逐个滚动;回退而不是前进，或者前进然后重新进入一个序列 - 不可接受）。

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

谢谢，

的Henrik

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);
});
});

Jquery工具＆amp;滚动

1 个答案: