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