1.将分页及内容分离出来
<ul class="comment-list"> {notempty name="starlist"} {foreach $starlist as $k=>$v } <li class="shadow-box p20 mb10"> <div class="fl usrImage mr15"><img src="{$v.user.photo}" /></div> <div class="hidden"> <div class="clearfix mb2"> <span class="fl">{$v.studentName}</span> <span class="fr text-gray">{$v.addTime}</span> </div> <div class="mb2"> <?php for($i=0; $i<$v['star']; $i++): ?> <i class="iconfont icon-star text-warning"></i> <?php endfor; ?> <?php for($i=0; $i<5-$v['star']; $i++): ?> <i class="iconfont icon-star text-gray"></i> <?php endfor; ?> </div> <div class="text-mute"> {$v.content} </div> </div> </li> {/foreach} {else/} <!--没有评论的情况--> <li class="shadow-box p20 "> <div class="separator" style="height: 100px;"></div> <div class="text-center"> <div class="mb15"><img src="__CDN__/assets/img/none_04.png" /></div> <div class="ft16 text-gray">课程暂无评论,赶紧去抢沙发吧</div> </div> <div class="separator" style="height: 200px;"></div> </li> <!--没有评论的情况--> {/notempty} </ul> <div> </div> <div> </div> <div class="text-center mb50"> <div class="page"> {$starlist->render()} </div> </div> </empty>
2.在主页面建立一个div,后期js将数据添加入这个div当中
<div class="tab-body" id="comment"></div>
3.js部分
(1).当页面加载的时候分页的内容也需要加载
$.get('/index/course/star',{id: id},function (result) { //将获取到的html存放入2建立的div当中 $('#comment').html(result) })
4.获取到点击分页时跳转的url禁止A标签跳转
$(document).on("click",'.pagination a', function() { var page = $(this).attr("href"); // alert(page); getPage(page); //禁止A标签跳转 return false; });
function getPage(url) { if (url == null){ url ="/index/course/star/id"+id } var index; $.ajax({ url:url, type:'GET', success:function (result) { //使用jquery html 加载URL layer.close(index); $("#comment").html(result); } }) }
php代码
public function star() { $id = $this->request->param('id'); $starlist=$this->courseLogic->getStarlistByCourseid($id); $this->assign('starlist',$starlist['star']); $this->view->engine->layout('layout/empty'); return $this->view->fetch(); }