js 点击加载更多

<script type='text/javascript'>
 $(function () {
     // var p = 1;
     var s = '';
     $('.load-reply').click(function () {

         var self_obj = $(this);
if(self_obj.attr('page') == undefined){
    var p = 1;
    self_obj.attr('page',p);
}else{
    var p = self_obj.attr('page');
}

         p = parseInt(p)+1;
         self_obj.attr('page',p);
         // alert(self_obj.attr('page'));
         var cpid = $(this).prev().val();
         // alert(cpid);   
         $.ajax({
             type: 'POST',
             url: "{:U('Public/see_comment')}",
             data: {page: p, cpid:cpid},
             dataType: 'json',
             success: function (msg) {
                // console.log(msg.list);
                var rel = msg.list;
                if(rel){
                    for(var i in rel){
                        // console.log(rel[i]);


// console.log(v);return; img_src
                        s += '<div class="pro-view-reply">
' +
                            '<img src="__PUBLIC__/images/icons/' + rel[i]['img'] + '.png" alt="" />
' +
                            '    <li class="clearfix">
' +
                            '        <span class="pull-right time">' + rel[i]['addtime'] + '</span>
' +
                            '        <span class="pull-left name">' + rel[i]['user_name'] + '</span>
' +
                            '    </li>
' +
                            '    <div class="box">
' +
                            '<div><span class="pro-view-name">' + rel[i]['user_name'] + '</span>回复<span class="pro-view-name">' + rel[i]['hui_username'] + '</span>：</div>
' +'<p>'+rel[i]['content']+'</p>
' +'<div>
' +
                            '<span style="cursor: pointer;" class="reply" id="show_dianpins" onclick="show_dianpin('+rel[i]['id']+','+rel[i]['pid']+','+cpid+')"><i class="icons icon-reply"></i>回复
' + '</span>
' + '</div>
' + '</div>
' + '</div><input type="hidden" name="cpid[]" value="'+cpid+'" />';
                    }

                    $(self_obj).before(s);
                    s='';
                }else{
                    self_obj.find('p').eq(0).hide();
                    self_obj.find('.no-reply').show();
                }

            },
        });
        
    });
});
</script>

<div class="load-reply"><p>点击显示更多回复</p><p class="no-reply">暂无更多回复</p></div>

 //评论查看
    public function see_comment() {
        if(IS_AJAX){
            $cpid = I("post.cpid");
            $page = intval($_POST['page']); //当前页 
            // dump($cpid);die;
            $result = mysql_query("select id from wh_comment where cpid=" . $cpid); 
            $count = M("comment")->where("cpid=" . $cpid)->count();
            // dump($count);die;

            $pageSize = 3; //每页显示数 
            $totalPage = ceil($count/$pageSize); //总页数 
            // dump($totalPage);die;
            $startPage = $page*$pageSize-$pageSize; //开始记录 
            // echo $startPage;die;
            //构造数组 
            $arr['total'] = $count; 
            $arr['pageSize'] = $pageSize; 
            $arr['totalPage'] = $totalPage; 
            //查询分页数据 
            $sql = "select id, uid, to_id, user_name, pid, content, addtime from wh_comment where cpid=" . $cpid . " order by addtime desc limit $startPage,$pageSize"; 
            // echo $sql;die;
            $query = M()->query($sql);
            // dump($query);die;
            foreach ($query as $key => $value) {
               # code...
                $arr['list'][] = array( 
                    'id' => $value['id'], 
                    'uid' => $value['uid'], 
                    'to_id' => $value['to_id'], 
                    'user_name' => $value['user_name'], 
                    'pid' => $value['pid'], 
                    'content' => $value['content'], 
                    'addtime' => date("Y-m-d H:i:s", $value['addtime']), 
                    'img' => img_src($value['uid']), 
                    'hui_username' => get_comment_username($value['to_id']), 
                ); 
            }
// dump($arr);die;
            echo json_encode($arr); //输出JSON数据
        }

<volist name="new_val" id="va">
                    <div class="contentall" id="contentall">
                        <div class="pro-view">
                            <img src="__PUBLIC__/images/icons/{$va.uid|img_src}.png" alt="" />
                            <li class="clearfix">
                              
                                <span class="pull-left name">{$va.user_name}</span>
                                <span class="pull-right time">{$va.addtime|date="Y-m-d H:i:s",###}</span>
                            </li>
                            <div class="box">
                                <if condition="$va.stars neq '0'"><p>点评星数：<image style="display: inline;  auto;height:auto;position: relative;" src="__PUBLIC__/images/{$va.stars|getStars}.png"></p></if>
                                <p>{$va.content}</p>
                                 <volist name="va['imgs']" id="v3">
                                    <!--<img src="{$v3.url}" style="position: relative;height:100px;100px;"/>-->
                                    <a class="example-image-link" href="{$v3.url}" data-lightbox="example-set" data-title="点击图片外部区域可关闭图片"><img class="example-image img-responsive" style="" src="{$v3.url}" alt=""/></a>
                                </volist>
                                <div><span style="cursor: pointer;" class="reply" id="show_dianpins" onclick="show_dianpin({$va.id},{$id},{$va.id})"><i class="icons icon-reply"></i>回复</span></div>
                            </div>
                        </div>

                        <div class="huifu" data-p="1" data-max="1">
                        <if condition="$va.replays neq ''">
                            <volist name="va['replays']" id="v2" key="kkk">
                                <if condition="$kkk lt 4 ">
                                 <div class="pro-view-reply">
                                    <img src="__PUBLIC__/images/icons/{$v2.uid|img_src}.png" alt="" />
                                    <li class="clearfix">
                                        <span class="pull-right time">{$v2.addtime|date="Y-m-d H:i:s",###}</span>
                                        <span class="pull-left name">{$v2.user_name}</span>
                                    </li>
                                    <div class="box">
                                        <div><span class="pro-view-name">{$v2.user_name}</span>回复<span class="pro-view-name">{:get_comment_username($v2['to_id'])}</span>：</div>
                                        <p>{$v2.content}</p>
                                            <div>
                                            <span style="cursor: pointer;" class="reply" id="show_dianpins" onclick="show_dianpin({$v2.id},{$id},{$va.id})"><i class="icons icon-reply"></i>回复
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                </if>
                            </volist>
                        </if>
                        </div>
                        <input type="hidden" name="cpid[]" value="{$va.id}" />
                        <div class="load-reply"><p>点击显示更多回复</p><p class="no-reply">暂无更多回复</p></div>
                        <div class="text-center" style="margin: 15px auto;height: 1px;">
                            <img src="__PUBLIC__/images/table-line.png" alt="" class="img-responsive" />
                        </div>
                    </div>
                </volist>