问题描述:假设列表每页调用6条文章,若当前列表文章数小于等于6条,只调用上一页和下一页标签时,会出现重复出现的情况。如下图所示
代码如下:
<div class="list">
<ul>
{dede:list pagesize='6'}
<li><a href="[field:arcurl/]" title="[field:fulltitle/]" target="_blank">文章标题title</a>
{/dede:list}
</ul>
</div>
<div class="pagelist">
<ul class="m">
<li>{dede:pagelist listitem='pre '/}</li>
<li>{dede:pagelist listitem='next '/}</li>
</ul>
</div>
解决办法1:不改动程序,用js来操作
<script type="text/javascript">
//列表页翻页记录重复问题解决
if (isMobile() == true){//isMobile()是判断是否移动设备的代码,在前面js中定义过,这里不再赘述
$(function(){
//隐藏小于展示页数的重复 pageinfo
var plNo = $(".list ul li").length;
var findClass = $(".pagelist .m li").eq(1).children().length;
if (plNo < 6 || ( (plNo = 6) && (findClass > 0) )){
$(".pagelist .m .pageinfo").eq(1).parent("li").hide();
}
});
}
</script>