zoukankan      html  css  js  c++  java
  • js 点击加载更多

     1 <script type='text/javascript'>
     2  $(function () {
     3      // var p = 1;
     4      var s = '';
     5      $('.load-reply').click(function () {
     6 
     7          var self_obj = $(this);
     8 if(self_obj.attr('page') == undefined){
     9     var p = 1;
    10     self_obj.attr('page',p);
    11 }else{
    12     var p = self_obj.attr('page');
    13 }
    14 
    15          p = parseInt(p)+1;
    16          self_obj.attr('page',p);
    17          // alert(self_obj.attr('page'));
    18          var cpid = $(this).prev().val();
    19          // alert(cpid);   
    20          $.ajax({
    21              type: 'POST',
    22              url: "{:U('Public/see_comment')}",
    23              data: {page: p, cpid:cpid},
    24              dataType: 'json',
    25              success: function (msg) {
    26                 // console.log(msg.list);
    27                 var rel = msg.list;
    28                 if(rel){
    29                     for(var i in rel){
    30                         // console.log(rel[i]);
    31 
    32 
    33 // console.log(v);return; img_src
    34                         s += '<div class="pro-view-reply">
    ' +
    35                             '<img src="__PUBLIC__/images/icons/' + rel[i]['img'] + '.png" alt="" />
    ' +
    36                             '    <li class="clearfix">
    ' +
    37                             '        <span class="pull-right time">' + rel[i]['addtime'] + '</span>
    ' +
    38                             '        <span class="pull-left name">' + rel[i]['user_name'] + '</span>
    ' +
    39                             '    </li>
    ' +
    40                             '    <div class="box">
    ' +
    41                             '<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>
    ' +
    42                             '<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+'" />';
    43                     }
    44 
    45                     $(self_obj).before(s);
    46                     s='';
    47                 }else{
    48                     self_obj.find('p').eq(0).hide();
    49                     self_obj.find('.no-reply').show();
    50                 }
    51 
    52             },
    53         });
    54         
    55     });
    56 });
    57 </script>
    1 <div class="load-reply"><p>点击显示更多回复</p><p class="no-reply">暂无更多回复</p></div>
     1  //评论查看
     2     public function see_comment() {
     3         if(IS_AJAX){
     4             $cpid = I("post.cpid");
     5             $page = intval($_POST['page']); //当前页 
     6             // dump($cpid);die;
     7             $result = mysql_query("select id from wh_comment where cpid=" . $cpid); 
     8             $count = M("comment")->where("cpid=" . $cpid)->count();
     9             // dump($count);die;
    10 
    11             $pageSize = 3; //每页显示数 
    12             $totalPage = ceil($count/$pageSize); //总页数 
    13             // dump($totalPage);die;
    14             $startPage = $page*$pageSize-$pageSize; //开始记录 
    15             // echo $startPage;die;
    16             //构造数组 
    17             $arr['total'] = $count; 
    18             $arr['pageSize'] = $pageSize; 
    19             $arr['totalPage'] = $totalPage; 
    20             //查询分页数据 
    21             $sql = "select id, uid, to_id, user_name, pid, content, addtime from wh_comment where cpid=" . $cpid . " order by addtime desc limit $startPage,$pageSize"; 
    22             // echo $sql;die;
    23             $query = M()->query($sql);
    24             // dump($query);die;
    25             foreach ($query as $key => $value) {
    26                # code...
    27                 $arr['list'][] = array( 
    28                     'id' => $value['id'], 
    29                     'uid' => $value['uid'], 
    30                     'to_id' => $value['to_id'], 
    31                     'user_name' => $value['user_name'], 
    32                     'pid' => $value['pid'], 
    33                     'content' => $value['content'], 
    34                     'addtime' => date("Y-m-d H:i:s", $value['addtime']), 
    35                     'img' => img_src($value['uid']), 
    36                     'hui_username' => get_comment_username($value['to_id']), 
    37                 ); 
    38             }
    39 // dump($arr);die;
    40             echo json_encode($arr); //输出JSON数据
    41         }
     1 <volist name="new_val" id="va">
     2                     <div class="contentall" id="contentall">
     3                         <div class="pro-view">
     4                             <img src="__PUBLIC__/images/icons/{$va.uid|img_src}.png" alt="" />
     5                             <li class="clearfix">
     6                               
     7                                 <span class="pull-left name">{$va.user_name}</span>
     8                                 <span class="pull-right time">{$va.addtime|date="Y-m-d H:i:s",###}</span>
     9                             </li>
    10                             <div class="box">
    11                                 <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>
    12                                 <p>{$va.content}</p>
    13                                  <volist name="va['imgs']" id="v3">
    14                                     <!--<img src="{$v3.url}" style="position: relative;height:100px;100px;"/>-->
    15                                     <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>
    16                                 </volist>
    17                                 <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>
    18                             </div>
    19                         </div>
    20 
    21                         <div class="huifu" data-p="1" data-max="1">
    22                         <if condition="$va.replays neq ''">
    23                             <volist name="va['replays']" id="v2" key="kkk">
    24                                 <if condition="$kkk lt 4 ">
    25                                  <div class="pro-view-reply">
    26                                     <img src="__PUBLIC__/images/icons/{$v2.uid|img_src}.png" alt="" />
    27                                     <li class="clearfix">
    28                                         <span class="pull-right time">{$v2.addtime|date="Y-m-d H:i:s",###}</span>
    29                                         <span class="pull-left name">{$v2.user_name}</span>
    30                                     </li>
    31                                     <div class="box">
    32                                         <div><span class="pro-view-name">{$v2.user_name}</span>回复<span class="pro-view-name">{:get_comment_username($v2['to_id'])}</span>:</div>
    33                                         <p>{$v2.content}</p>
    34                                             <div>
    35                                             <span style="cursor: pointer;" class="reply" id="show_dianpins" onclick="show_dianpin({$v2.id},{$id},{$va.id})"><i class="icons icon-reply"></i>回复
    36                                             </span>
    37                                         </div>
    38                                     </div>
    39                                 </div>
    40                                 </if>
    41                             </volist>
    42                         </if>
    43                         </div>
    44                         <input type="hidden" name="cpid[]" value="{$va.id}" />
    45                         <div class="load-reply"><p>点击显示更多回复</p><p class="no-reply">暂无更多回复</p></div>
    46                         <div class="text-center" style="margin: 15px auto;height: 1px;">
    47                             <img src="__PUBLIC__/images/table-line.png" alt="" class="img-responsive" />
    48                         </div>
    49                     </div>
    50                 </volist>
  • 相关阅读:
    数据结构之 移位操作
    大话设计模式之外观模式
    JSP的内置对象(application)
    从键盘输入一个整数(1~20) 则以该数字为矩阵的大小,把1,2,3…n*n 的数字按照顺时针螺旋的形式填入其中。
    linux线程应用
    【网络挖掘:成就与未来方向】之网络挖掘应用程序与相关概念
    Thinking in Java之匿名内部类
    [Go] map
    [跟着hsp步步学习系统]oracle培训学习集锦全360度扫描(2)
    HDU3791:二叉搜索树
  • 原文地址:https://www.cnblogs.com/php08049/p/9923677.html
Copyright © 2011-2022 走看看