分页及字母筛选

$(function(){
var allgame = new Array();
$(".gameall li").each(function (i) {
var obj = new Object();
obj.letter = $(this).attr("data-letter");
obj.i = i;
allgame.push(obj);
});
//分页
function page(arr) {
var page = $(".listpage");
var first = $(".pfirst");
var prev = $(".pprev");
var next = $(".pnext");
var last = $(".plast");
var len = arr.length;
var glist = arr;
var n = 4;//一页显示多少个
var cur = 1;
var maxp = Math.ceil(len / n);//最大页数
$(".listpage .pnum").remove();
for (i = 1; i <= maxp; i++) {
if (i == 1)next.before('<a class="pnum on" href="javascript:;">' + i + '</a>');
else next.before('<a class="pnum" href="javascript:;">' + i + '</a>');
}
var pagefun = function (p) {
if (p < 1)p = 1;
if (p > maxp)p = maxp;
$(".listpage .pnum").removeClass("on").eq(p - 1).addClass("on");
$(".gameall li").hide();
for (i = (p - 1) * n; i < n * p; i++) {
if (glist[i]) {
$(".gameall li").eq(glist[i].i).show();
}
}
cur = p
}
pagefun(1);
if ($(".gameall li:visible").length == 0)$(".listpage").hide();
else $(".listpage").show();
$(".listpage .pnum").click(function () {
pagefun(parseInt($(this).text()));
});
first.click(function () {
pagefun(1);
});
prev.click(function () {
pagefun(cur - 1);
});
next.click(function () {
pagefun(cur + 1);
});
last.click(function () {
pagefun(parseInt($(".pnum:last").text()));
});
}

page(allgame);
/*
//筛选
function filter() {
var arr = new Array();
var letter = $(".main_3 .word_search_game a.on").text();
var garr = allgame;
for (i = 0; i < garr.length; i++) {
var isletter = letter.indexOf(garr[i].letter) >= 0 || letter == "不限";
if (isletter)arr.push(garr[i]);
}
page(arr);
}

var type = $(".main_3 .word_search_game a");
type.click(function () {
//变色
type.removeClass("on");
$(this).addClass("on");
filter();//触发筛选
}); */

})

posted @ 2016-04-06 11:00  Hi老夫  阅读(271)  评论(0编辑  收藏  举报