javascript - 关于jquery中pagination分页插件的使用

问题描述

问 题

本人用thinkphp3.2.3和jquery的pagination分页插件设计了一个小功能。
详细设计是，当我点击页面上的展开后，请求后台的用户列表的记录，通过pagination分页展示出来。由于用了thinkphp中的fetch命令，所以单独写了一个分页页面。但是，实际运行的时候，页面上虽然有分页条，但所有记录都显示在页面上，并没有实际分页。请问各位大侠什么原因？还有问下：其中var newcxt = $('#result p:eq(+pi+)').clone();中+pi+是什么意思？代码如下：
主体html页面：
<div">你曾添加过10条标签。-点击展开-</div>
<div id="taglist"> </div>
<script type="text/javascript">

    $(function(){
        $('#showtaglist').click(function(){
            $.post(
                    '{:U('Dongzuo/loadlist')}',
                    function($data){$('#taglist').html($data);}
                   );
            return false;
        });
    });

</script>

被fetch调用的html页面：
<div class="divpage"></div>
<div class="content">

<span class="spntip">正在加载数据...</span>

</div>

<div id="result">
    <volist name="users_list" id='vo'>
        <p class="xx_name">{$vo.user_name}</p>
    </volist>
</div>

<div class="divpage"></div>
<script type="text/javascript">
function initpagination()
{

var sumnum =$('#result p').length;
$(".divpage").pagination(sumnum,{num_edge_entries:10,callback:pscallback,items_per_page:10});

}
function pscallback(pi,jq)
{

var newcxt = $('#result p:eq(+pi+)').clone();
$('#content').empty().append(newcxt);
return false;

}
$(function(){initpagination();});
</script>

php控制器页面：

public function loadlist(){
    if(IS_AJAX){
                $users_info = M('users_info');
                $count      = $users_info->count();
                $users_list = $users_info->select();
                $this->assign('users_list',$users_list);
                $html = $this->fetch('fenye:show_tag_list');
                $this->ajaxReturn($html);
                }
            }

解决方案

已经解决了，我用Jpages插件，比上面这个插件好用多了。

这篇关于javascript - 关于jquery中pagination分页插件的使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！