博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分页及字母筛选
阅读量:4841 次
发布时间:2019-06-11

本文共 1813 字,大约阅读时间需要 6 分钟。

$(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();//触发筛选
}); */

})

转载于:https://www.cnblogs.com/luyonggang/p/5358350.html

你可能感兴趣的文章
面试题24: 反转链表
查看>>
Ubuntu 下安装 Oracle Java
查看>>
collectionView/tableview刷新时关闭动画无效
查看>>
C#线程篇---解答线程之惑(2)
查看>>
Solr添加paoding分词器
查看>>
charles 抓包 (一)
查看>>
隐藏电池栏,遮罩层
查看>>
ES6学习之Iterator和For...of循环
查看>>
java.lang.Thread类的静态方法sleep()和yield()的比较
查看>>
css 在各种浏览器兼容调整
查看>>
三元环、四元环计数
查看>>
(转)网页设计标准尺寸
查看>>
实现不同进程之间的通信
查看>>
SpringBoot
查看>>
apache POI之excel操作
查看>>
【mark】linux查看端口占用
查看>>
String的trim()用于去掉字符串前后的空格
查看>>
jquery相关代码
查看>>
USACO 2.3 Zero Sum
查看>>
android 工具类 DateUtil
查看>>