Emlog 4.0 评论分页显示–折腾ing

Emlog 4.0 评论分页显示--折腾ing

本来不弄的。。没办法。。留言板的内容太多了。。不弄分页的话。太长了!~奇遇的那种4.0的分页太复杂了。。还是简单点好。。所以

我给两个教程!~~

方法一:

在主题模板文件footer.php(或header.php)的<body></body>之间插入以下Javascript代码:

<script type="text/javascript">
var domSelector = ’li[id]’; //评论jQ选择器表达式 不同的模板可能表达式不一样
var totleCounts = $(domSelector).size(); //获取评论总数
var pageCounts;
if(totleCounts <= eachCounts){pageCounts = 1}
else
{totleCounts % eachCounts==0 ? pageCounts = (totleCounts/eachCounts) : pageCounts = Math.floor(totleCounts/eachCounts)+1}
function LoadComment(p){
$(domSelector)
.each(function(index,domEle){
if( index >= (p-1)*eachCounts && index <= (p*eachCounts)-1){$(domEle)
.css("display","block")}else{$(domEle).css("display","none")}}); for(i=1;i<=pageCounts;i++){
if(p==i)
$("#CommentPageBar"+p).removeAttr("href");
$("#CommentPageBar"+p).attr("class","now-page");
$("#CommentPageBar"+p).attr("title","")}
else{
$("#CommentPageBar"+i).attr("href","javascript:;");
$("#CommentPageBar"+i).attr("title","第"+i+"页评论");
$("#CommentPageBar"+i).attr("class","this-page")}}}
var s; s="";
for(i=1;i<=pageCounts;i++){
s+="<span style=’height:auto;width:20px;margin-right:6px’>
<a href=’javascript:;’ style=’padding:6px;’ onclick=LoadComment(’"+i+"’) title=’第"+i+"页评论’ id=CommentPageBar"+i+" class=this-page>"+i+"</a>
</span>";}
$(’#showpage’).html("<div style=’text-align:right; height:30px;width:100%;margin-top:10px;’ class=CommentPageDiv>评论分页:"+s+"</div>");
LoadComment(1); //加载第一页评论
</script>

然后在主题模板文件module.php中想显示评论分页的位置插入

<div id=showpage></div>

保存文件后,上传覆盖后,效果如本站

Emlog 4.0 评论分页显示--折腾ing

提示:

使用JS根据定义的每页显示数量和当前的页数,从评论列表中计算出应该显示的评论,其它的一律隐藏。

提醒:博主可以通过代码中的“eachCounts”配置每页显示的评论数量,在CSS中定义“.CommentPageDiv”来控制评论分页条的样式,定义“.this-page”来控制分页的样式,定义“.now-page”来控制当前页的样式。

方法二:主题模板文件module.php中修改

<div id="thecon" >
 位置---评论列表
</div>

在 想显示评论分页的位置插入

<a href="javascript:void(0)" id="show"  onclick="document.getElementById(’thecon’).style.height=’100%’;document.getElementById(’hidden’).style.display=’block’;document.getElementById(’show’).style.display=’none’;">查看更多评论</a>
<a href="javascript:void(0)" id="hidden"  onclick="document.getElementById(’thecon’).style.height=’300px’;document.getElementById(’hidden’).style.display=’none’;document.getElementById(’show’).style.display=’block’;">隐藏部分评论</a>
注释:CSS和JS部分可自行分离

 

 

 

 

 

 

 

 

您可以选择一种方式赞助本站