jQuery(function() {
var tabContainers = jQuery('div.tabs > div');
tabContainers.hide().filter(':first').show();
jQuery('div.tabs ul.tabNavigation a').click(function() {
tabContainers.hide();
tabContainers.filter(this.hash).show();
jQuery('div.tabs ul.tabNavigation a').removeClass('selected');
jQuery(this).addClass('selected');
return false;
}).filter(':first').click();
/**
*下方分页按钮实现
**/
var totalSize = ${totalSize} ;//总商品数
var pages = ${pages} ;//总页数
var currUrl = window.location.href;
var currIdIndex = currUrl.indexOf("id");//获取Url中id的索引
var currId = "";
var currPage = 1;//当前页
if(currUrl.indexOf("currPage")>0){
currPage = currUrl.substring(currUrl.indexOf("currPage")+9, currUrl.length);
}
if(currIdIndex>0){
currId = currUrl.substring(currIdIndex+3, currIdIndex+35);//截取id。默认了Id为32位
}
//before start end after
var beforeHtml = ""; //页码之前的省略号页码的html
var startBtn = 1; //默认从第一页开始
if(currPage-10>=1){
startBtn = parseInt(currPage/10)*10+1; //十页十页地显示
if(currPage%10==0){
startBtn = parseInt((currPage-1)/10)*10+1;
}
beforeHtml = "<div class=\"ellipsis\"> <a href=\"category.do?id="+currId+"&currPage="+(startBtn-10)+"\">"+"<"+(startBtn-10)+"</a></div>";
beforeHtml += "<div class=\"ellipsis\"> <a href=\"category.do?id="+currId+"&currPage="+(startBtn-1)+"\">"+"<"+(startBtn-1)+"</a></div>";
}
var afterHtml = ""; //页码之后的省略号的html
var endBtn = Math.ceil(currPage/10)*10;//从最后一页结束
if(endBtn >=pages){//endBtn不能大于pages
endBtn = pages;
}else{
if(endBtn+10 >= pages){ //如果最后一个链接 + 10 大于总页数,则 链接到下一页 即可
afterHtml = "<div class=\"ellipsis\"><a href=\"category.do?id="+currId+"&currPage="+(endBtn+1)+"\">"+">"+(endBtn+1)+"</a></div>";
}else{ //如果最后一个链接+ 10 小于等于总页数,则之后的省略号链接到endBtn+10
afterHtml = "<div class=\"ellipsis\"><a href=\"category.do?id="+currId+"&currPage="+(endBtn+1)+"\">"+">"+(endBtn+1)+"</a></div>";
afterHtml += "<div class=\"ellipsis\"><a href=\"category.do?id="+currId+"&currPage="+(endBtn+10)+"\">"+">>"+(endBtn+10)+"</a></div>";
};
}
var innerHtml = "";
for(var i =startBtn;i<=endBtn;i++){
if(i == currPage){
innerHtml += "<div class=\"singlePager\"><span>"+i+"</span></div>";
}else{
innerHtml += "<div class=\"singlePager\"> <a href=\"category.do?id="+currId+"&currPage="+i+"\">"+i+"</a></div>";
};
};
$("div.cpage").append(beforeHtml);
$("div.cpage").append(innerHtml);
$("div.cpage").append(afterHtml);
$("div.singlePager").css({
"float":"left",
"width":"6%",
"padding":"0 auto",
"text-align":"center"
});
$("div.ellipsis").css({
"float":"left",
"width":"7%",
"padding":"0 auto",
"background-color":"#EED7D7",
"text-align":"center"
});
$("div.singlePager:last").nextAll("div.ellipsis:odd").css({
"margin-left":"3px"
});
$("div.singlePager:first").prevAll("div.ellipsis:even").css({
"margin-left":"3px"
});
$("div.singlePager a,div.singlePager span,div.ellipsis a").css({
});
});
基本相同的另外一页,用正则替换掉了currPage=数字
jQuery(function() {
/**
*下方分页按钮实现
**/
var totalSize = ${totalSize} ;//总商品数
var pages = ${pages} ;//总页数
var currUrl = window.location.href;
var currUrlNoPage = currUrl.replace(/&currPage=(\d)*/g,"");
var currIdIndex = currUrl.indexOf("id");//获取Url中id的索引
var currId = "";
var currPage = 1;//当前页
if(currUrl.indexOf("currPage")>0){
currPage = currUrl.substring(currUrl.indexOf("currPage")+9, currUrl.length);
}
if(currIdIndex>0){
currId = currUrl.substring(currIdIndex+3, currIdIndex+35);//截取id。默认了Id为32位
}
//before start end after
var beforeHtml = ""; //页码之前的省略号页码的html
var startBtn = 1; //默认从第一页开始
if(currPage-10>=1){
startBtn = parseInt(currPage/10)*10+1; //十页十页地显示
if(currPage%10==0){
startBtn = parseInt((currPage-1)/10)*10+1;
}
beforeHtml = "<div class=\"ellipsis\"> <a href=\""+currUrlNoPage+"&currPage="+(startBtn-10)+"\">"+"<"+(startBtn-10)+"</a></div>";
beforeHtml += "<div class=\"ellipsis\"> <a href=\""+currUrlNoPage+"&currPage="+(startBtn-1)+"\">"+"<"+(startBtn-1)+"</a></div>";
}
var afterHtml = ""; //页码之后的省略号的html
var endBtn = Math.ceil(currPage/10)*10;//从最后一页结束
if(endBtn >=pages){//endBtn不能大于pages
endBtn = pages;
}else{
if(endBtn+10 >= pages){ //如果最后一个链接 + 10 大于总页数,则 链接到下一页 即可 //XXX**最后一页
afterHtml = "<div class=\"ellipsis\"><a href=\""+currUrlNoPage+"&currPage="+(endBtn+1)+"\">"+">"+(endBtn+1)+"</a></div>";
}else{ //如果最后一个链接+ 10 小于等于总页数,则之后的省略号链接到endBtn+10
afterHtml = "<div class=\"ellipsis\"><a href=\""+currUrlNoPage+"&currPage="+(endBtn+1)+"\">"+">"+(endBtn+1)+"</a></div>";
afterHtml += "<div class=\"ellipsis\"><a href=\""+currUrlNoPage+"&currPage="+(endBtn+10)+"\">"+">>"+(endBtn+10)+"</a></div>";
};
}
var innerHtml = "";
for(var i =startBtn;i<=endBtn;i++){
if(i == currPage){
innerHtml += "<div class=\"singlePager\"><span>"+i+"</span></div>";
}else{
innerHtml += "<div class=\"singlePager\"> <a href=\""+currUrlNoPage+"&currPage="+i+"\">"+i+"</a></div>";
};
};
$("div.cpage").append(beforeHtml);
$("div.cpage").append(innerHtml);
$("div.cpage").append(afterHtml);
$("div.singlePager").css({
"float":"left",
"width":"6%",
"padding":"0 auto",
"text-align":"center"
});
$("div.ellipsis").css({
"float":"left",
"width":"7%",
"padding":"0 auto",
"background-color":"#EED7D7",
"text-align":"center"
});
$("div.singlePager:last").nextAll("div.ellipsis:odd").css({
"margin-left":"3px"
});
$("div.singlePager:first").prevAll("div.ellipsis:even").css({
"margin-left":"3px"
});
console.log($("div.singlePager:first").prevAll());
$("div.singlePager a,div.singlePager span,div.ellipsis a").css({
});
});
版权声明:本文为博主原创文章,未经博主允许不得转载。
分享到:
相关推荐
UICollectionView实现书本翻页布局(修复BUG)
34--[吃豆豆(可能有bug版)].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码34--[吃豆豆(可能有bug版)].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码34--[吃豆豆(可能有bug版)].zip源码...
使用JAVA语言写的项目管理软件,可以跟踪任务和bug的进度,实现对任务和bug全生命周期管理。 这个项目是很早之前开发的(大约在2008年前后),所以使用的技术是传统的JSP/Servlet+JDBC方式。虽然技术比较老了,但是...
校验两个数据库表差异,并生成修改语句(BATE版,可能有BUG)校验两个数据库表差异,并生成修改语句(BATE版,可能有BUG)校验两个数据库表差异,并生成修改语句(BATE版,可能有BUG)校验两个数据库表差异,并生成修改语句(BATE...
项目管理中的BUG管理机制,对于BUG管理应用各方面,尤其是企业内容开发管理很有好处
主要描述bug管理系统的需求分析,设计及实现
通过本次毕业设计,达到综合运用知识的能力,提高独立分析问题、独立解决问题以及创新的能力。系统采用B/S结构,前台开发环境为MyEclipse8.5,后台数据库为MySql,设计开发Bug管理系统。
JavaScript应用实例-有bug的文件选择对话框2.js
js 放大镜 有bug
项目BUG记录模板,用来记录项目开发中的问题及BUG
网上都是Java实现飞行棋,都有Bug,今天解决Bug可顺利运行,完了几把,爽;可以交作业了
文《关于c++与java中文乱码问题分析与解决》中一个bug分析DionysosLai(906391500@qq.com) 2014/10/21 在前几篇一博客
修复官方删除不回调BUG,文件重复上传BUG , 修复添加上传参数报错Cannot read property 'append' of null
吃豆豆(可能有bug版)-少儿编程scratch项目源代码文件案例素材.zip
it项目执行控制阶段327 软件Bug详细记录表
开源的项目需求和bug管理系统(Redmine)使用手册
22.2.2 尽可能实现纯 功能性方法 22.2.3 在构造函数中 初始化所有字段 22.2.4 出现异常情况 时立即抛出异常 22.2.5 出现错误时立 刻报告错误消息 22.2.6 尽早发现错误 22.2.7 在代码中置入 断言 22.2.8 ...
SSM项目ssm软件bug管理系统是一款基于Spring、SpringMVC和MyBatis框架的Bug管理系统。它主要用于软件开发过程中,帮助开发者、测试人员和项目经理等角色进行Bug的跟踪、管理和解决。该系统具有以下特点: 1. 界面...
这是个全是bug的项目,可以学习常见的问题,如何找错及改正 设计技术:jdbc,swt,oracle,java http://blog.csdn.net/q176782/article/details/71597988
该应用目前版本已经提供非常易用的用户界面,可以创建任意的项目、里程碑和问题/Bug,并且分配给指定的用户。除了团队成员,终端用户也可以汇报问题从而可以提高应用程序的健壮性,访问控制功能允许定义细分的查看...