bootstrap-paginator分页插件如何实现按钮的分布定制和擦除动画效果?

BlackHM 发布于 2017/03/06 15:43
阅读 1K+
收藏 0

上图为当前页为第一页的按钮分布效果,此时未显示上一页和首页按钮。

上图为当前页为中间页的按钮分布效果。明显看出在布局上有所变化,整个ul在页面上存在移位。

期望是即使当前页是第一页也完全显示按钮,或者擦除动画效果,避免移位。

对于此分类插件的引用仅限于bootstrap-paginator.js和boostrap.js以及jq.js。  

因为是动态生成的li所以定位比较困难。

新手后端开发实习生,因为项目需求临危受命。坐等各位高手。

加载中
0
BlackHM
BlackHM

自问自答,问题已解决:

实现问题提到的效果,需将bootstrap-paginator.js中shouldShowPage()的return结果恒定设置为true。当然此时会出现一个bug效果,页码为1和末页的button为active时,相对应的首页前页以及下页尾页button都将显示高亮。

这时需要在itemContainerClass()的return中添加判断,只有type==“page”时,才使button添加class:active。

实际上bootstrap-paginator.js的源码并不多,静下心思考发现其实这些逻辑很简单。当然,我是被导师敲头点拨的。(/捂脸)

0
条件状语从句

其实这插件有个参数是alignment,设置成 "center"就可以。。。。。

返回顶部
顶部