使用jquery.twbsPagination分页时遇到的问题

朱雀 2020-06-25 08:59 1033阅读 0赞

下载地址：`http://esimakin.github.io/twbs-pagination/`

jquery.twbsPagination 是一个适用于bootstrap 或其他风格的分页插件。

使用如下：

<script type="text/javascript" src="js/jquery.twbsPagination.min.js"></script>

<div id="pagination_box" class="pull-right" id="paging">
       <ul id="pagination_zc" class="pagination">
       </ul>        	
    </div>

$('#pagination_zc').twbsPagination({
    	totalPages: totalPages,
    	visiblePages: visiblePages > 5 ? 5 : visiblePages,
    	startPage: 1,
    	first: "首页",
    	prev: "上一页",
    	next: "下一页",
    	last: "未页",
    	href: "#",
    	onPageClick: function (event, page) {
    		var page_para = page_url + "&page=" + page;
    		$.ajax({
    			url: "list.php",
    			type: "GET",
    			dataType: "json",
    			data: page_para,
    			success: function(data) {
    				if(data.code == 0){
    					//todosomething
    				}else{
    					//todosomething
    				}
    			}
    		});
    	}
    });

但是有一个问题：在使用ajax调用的时候，实际的totalpages改变时， 分页效果中的总页数并没有自动刷新。page绑定的事件没有问题。

解决方法如下（比较笨）：（先移除然后重新加入DOM树中）在使用twbsPagination之前做。

$('#pagination_zc').remove();
    $("#pagination_box").append('<ul id="pagination_zc" class="pagination"></ul>');

if(page_size!=data.totalPag){
         $("#pagination_box").html('<ul id="xxxxxx" class="pagination-sm"></ul>');
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，1033人围观）

还没有评论，来说两句吧...

相关阅读

相关 Docker使用时遇到的问题汇总

1、执行`docker exec -it test3 /bin/bash`命令报错如下 OCI runtime exec failed: exec failed: conta

清疚/ 2022年12月29日 12:58/ 0 赞/ 174 阅读

相关 jpa遇到的一些问题，排序，分页，使用

The constructor Sort(List<Sort.Order>) is not visible 以前的方法改了，这里发一下新版老： Sort s

左手的ㄟ右手/ 2022年11月19日 12:55/ 0 赞/ 188 阅读

相关 opencv svm使用时遇到的问题

项目需要用到支持向量机对提取到的特征向量进行分类，在使用Opencv的CvSVM时遇到： OpenCV Error: Bad argument (train data mus

灰太狼/ 2022年06月06日 09:11/ 0 赞/ 266 阅读

相关使用Git时遇到的问题

1、新建仓库/初始化仓库 git init 2、关联远程仓库 git remote add origin git@github.com:yourName/

╰半橙微兮°/ 2022年05月22日 11:19/ 0 赞/ 254 阅读

相关使用PageHelper分页的问题

今天遇到这样个问题，利用PageHelper做分页，结果查出来的pagesize和total一样，这样前端总会查到一页，这与结果不符。源码如下： P

向右看齐/ 2022年05月22日 00:47/ 0 赞/ 265 阅读

相关 idea使用时遇到的问题

1、同样的文件，在eclipse中的路径和在idea中的路径是一样的，在eclipse可以正常读到，但在idea中报找不到该文件原因：之前在idea中已经打开了一个项目，

超、凢脫俗/ 2022年02月26日 01:25/ 0 赞/ 343 阅读

相关 SVN使用时遇到的问题

1，重启造成SVN没有启动当然，一般开发者面对的问题是SVN没有启动，并不知道原因。所以，找原因是首先想到的思路。那我们就检查SVN是否已经启动了。 ps -

港控/mmm°/ 2022年02月23日 03:12/ 0 赞/ 406 阅读

相关使用PHPStudy时遇到的问题总结

1. Nginx无法启动 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

墨蓝/ 2022年02月20日 03:25/ 0 赞/ 483 阅读

相关 jfinal分页时使用like

Page list = Module.dao.paginate(pageNumber, pageSize, "select ", "from base_module w

﹏ヽ暗。殇╰゛Y/ 2021年09月23日 08:26/ 0 赞/ 400 阅读

相关使用jquery.twbsPagination分页时遇到的问题

载地址：http://esimakin.github.io/twbs-pagination/ jquery.twbsPagination 是一个适用于bootstrap ...

朱雀/ 2020年06月25日 08:59/ 0 赞/ 1034 阅读