JQuery Tools & Scrollable

Question

У меня есть прокручиваемый с плагином навигатор и история установлена ​​в true. Это делается для того, чтобы пользователи могли использовать ссылки id'd для перехода к выбору по своему выбору в прокручиваемом списке (около 50 элементов). У меня круговой набор на true.

Элементы отображаются в группах по 4. Но предыдущие и следующие кнопки перемещаются только на 1 элемент, тогда как я хочу, чтобы они перемещались на 4 элемента. Как мне это сделать?

Я не могу сгруппировать их в div-страницах, так как список индексированных вкладок совпадает с этими страницами div, а не с содержащимися элементами.

Я попытался создать обработчик кликов с api.move (-2), но происходят всевозможные странные вещи (не упреждающий естественный прокрутка по одному, перематывается вместо того, чтобы продвигаться вперед или продвигается, а затем перематывается назад в одной последовательности - неприемлемо).

У меня явно нет чего-то основного. Указатели будут оценены.

Спасибо,

• Хенрик

Answer 1

Вот что я в конечном итоге делает: я схватил апи и заменить следующие и ПРЕД функции; отключенный циркуляр; добавлена ​​первая и последняя кнопки. Вид обходного решения/полурешения. Вы можете увидеть результат на 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); 
}); 
});