现在的项目中一段js翻页的实现可能有bug

最新推荐文章于 2022-07-01 16:40:09 发布

HapLeo

最新推荐文章于 2022-07-01 16:40:09 发布

阅读量622

点赞数

分类专栏：网页前端 JSP

本文链接：https://blog.csdn.net/recordme/article/details/42462281

版权

本文讨论了一段JavaScript实现的翻页功能，指出可能存在的问题，即在不同的页面之间，使用正则表达式错误地替换了currPage变量的数值，导致页面跳转异常。分析了错误原因，并提出了修正方案。

摘要由CSDN通过智能技术生成

		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=