Фильтрация и пейджинг ⇐ Jquery

[Anonymous]

Привет, народ, спасибо за помощь. Я пытаюсь реализовать простую нумерацию страниц, которая фильтрует, скрывая li по классам. Пример здесь. Я новичок в этом, но с некоторой помощью основная идея работает. Единственная проблема заключается в том, что когда я нажимаю фильтр, я хочу разбить на страницы только ли в этой категории. Поэтому, если я нажму на ссылку «Категория 1», лисы с классом «Категория-2» должны быть скрыты и НЕ ПОЯВЛЯТЬСЯ, когда я нажимаю «Далее» или «Предыдущее».

HTML

Код: Выделить всё

[url=#category-1]category 1[/url]
[url=#category-2]category 2[/url]

[list]
[*]item 1
[*]item 2
[*]item 3
[*]item 4
[*]item 5
[*]item 6
[*]item 7
[*]item 8
[*]item 9
[*]item 10
[*]item 11
[*]item 12
[*]item 13
[*]item 14
[*]item 15
[/list]


[url=#]Previous[/url][url=#]Next[/url]

JS

Код: Выделить всё

$('div.filter').delegate('a', 'click', function (event) {
$('ul.items li').hide().filter('.' + this.href.slice(this.href.indexOf("#") + 1)).show();

event.preventDefault();
});

var itemsNumber = 6;
var min = 0;
var max = itemsNumber;

function pagination(action) {

var totalItems = $("li").length;

if (max < totalItems) {//Stop action if max reaches more than total items
if (action == "next") {

min = min + itemsNumber;
max = max + itemsNumber;

}
}

if (min > 0) {//Stop action if min reaches less than 0
if (action == "prev") {

min = min - itemsNumber;
max = max - itemsNumber;

}
}

$("li").hide();
$("li").slice(min, max).show();

}

pagination();

//Next
$("#next").click(function() {

action = "next";
pagination(action);

})

//Previous
$("#prev").click(function() {
action = "prev";
pagination(action);

})

Будем рады любой помощи

Подробнее здесь: https://stackoverflow.com/questions/110 ... and-paging