jquery.paginate.js的样式问题
2014-05-09 10:32
246 查看
今天在项目中遇到jquery分页插件样式除了问题,当前页无底色,也可以点击。如下:
于是追踪到引入的jquery.paginate.js插件,不知道是不是被别人改过,此代码有点问题。源码如下:
发现是第19行 if (i === c.pageNo)这句话有问题,恒等于"==="的判断错了,改成“==”判定当前页与所渲染出的页码是否一致,值相等就可以了,当前页会加上<span>的样式,且不可点击。如下:
于是追踪到引入的jquery.paginate.js插件,不知道是不是被别人改过,此代码有点问题。源码如下:
(function (a) { a.fn.paginate = function (l) { var c = a.extend({pageNo:1, pageSize:25, groupSize:10, totalCount:0, preStr:"<<", nextStr:">>", url:"#none", postFunction:function () { alert("没有添加post提交函数"); }}, l || {}); if (c.totalCount == 0) { return; } var f = Math.ceil(c.totalCount / c.pageSize); var d = Math.ceil(c.pageNo / c.groupSize) - 1; var k = Math.floor(f / c.groupSize); var e = d * c.groupSize + 1; var g = (d + 1) * c.groupSize; g = d < k ? g : f; var j = (e > 1); var b = (g < f); this.empty(); this.appendPage = function (i) { if (i === c.pageNo) { a("<span>" + i + "</span>").appendTo(this); } else { a('<a href ="#none" onclick=\'' + c.postFunction + "(" + i + ");'>" + i + "</a>").appendTo(this); } }; if (j) { this.appendPage(1); a('<a href ="#none" onclick=\'' + c.postFunction + "(" + (e - 1) + ");'>" + c.preStr + "</a>").appendTo(this); } for (var h = e; h <= g; h++) { this.appendPage(h); } if (b) { a('<a href ="#none" onclick=\'' + c.postFunction + "(" + (g + 1) + ");'>" + c.nextStr + "</a>").appendTo(this); this.appendPage(f); } a("<span> 总数 " + c.totalCount + "</span>").appendTo(this); }; })(jQuery);
发现是第19行 if (i === c.pageNo)这句话有问题,恒等于"==="的判断错了,改成“==”判定当前页与所渲染出的页码是否一致,值相等就可以了,当前页会加上<span>的样式,且不可点击。如下:
相关文章推荐
- 解决jquery或js动态添加easyUI元素时样式失效问题
- 解决ECSHOP中transport.js和jquery的冲突问题
- 解决用jquery load加载页面到div时,不执行页面js的问题
- 解决用jquery load加载页面到div时,不执行页面js的问题
- 在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
- jQuery.query.js 取参数的两点问题分析
- 解决原生js或jQuery 实现父窗口的问题,如window.parent.document.getElementById()
- JQuery Mobile External Tool Bar ui-btn-active样式问题
- js,jquery吸顶实现与问题解决
- 使用Jquery.cookie.js遇到的一些问题
- 解决ie7和360不兼容的样式和js等问题。
- jQuery 插件form.js在gb2312中的乱码问题
- 解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
- jquery.flot.js 生成的图表无法在IE6及部分IE8上显示的问题之一 'window.G_vmlCanvasManager' 为空或不是对象
- ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决
- css文件中的样式类被覆盖,js文件中的变量未定义问题问题
- jquery的.html()动态遍历html代码后,对原有的css和js无法控制问题
- transport.js和jquery冲突问题的解决方法
- 浏览器解析js生成的html出现样式问题的解决方法
- 关于JS/Jquery无法关闭当前页面的问题