扫码关注官方订阅号
请问想要实现分页效果有没有什么好的方法?
学习是最好的投资!
可以看下这个demo: http://xiaodongzai.github.io/tf_pagination/
用了 jquery.pagination.js 按照里面的方法写 可是分页出来 每页只有一条 请问是为什么
<p id="Searchresult" class="content">
<!--分页初始化完成后这里的内容会被替换。-->
</p><p id="hiddenresult" style="display:none;">
<!-- 列表元素 -->
</p><p id="Pagination" class="pagination">
<span class="current prev">上一页</span> <span class="current">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <span>...</span> <a href="#">8</a> <a href="#" class="next">下一页</a>
</p>
$(function(){
//此demo通过Ajax加载分页元素 var initPagination = function() { var num_entries = $("#hiddenresult p.main").length; // 创建分页 $("#Pagination").pagination(num_entries, { num_edge_entries: 1, //边缘页数 num_display_entries: 4, //主体页数 callback: pageselectCallback, items_per_page: 3, //每页显示几项 prev_text: "前一页", next_text: "后一页" }); }; function pageselectCallback(page_index, jq){ var new_content = $("#hiddenresult p.main:eq("+page_index+")").clone(); $("#Searchresult").empty().append(new_content); //装载对应分页的内容 return false; } //ajax加载 $("#hiddenresult").load("load.html", null, initPagination); });
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
可以看下这个demo: http://xiaodongzai.github.io/tf_pagination/
用了 jquery.pagination.js 按照里面的方法写 可是分页出来 每页只有一条 请问是为什么
<p id="Searchresult" class="content">
</p>
<p id="hiddenresult" style="display:none;">
</p>
<p id="Pagination" class="pagination">
</p>
$(function(){