discuz DIY模块 图文加载更多-Discuz教程下载

discuz DIY模块 图文加载更多

开通本站Svip会员,全站资源免费下
说明:一般DIY的时候,都是指定显示几条数据,此方法就是让DIY模块能够实现点击加载更多功能
小白教程,大神绕道...

闲话少说,一会还得去徒步

1:新建个DIY模块,调用帖子或文章数据 将以下代码加入【模块模板】中:
  1. <div class="post_list cl" pagenum="12">
  2. [loop]
  3. <div class="article_list">
  4. <div class="post_grid">
  5. <div class="img">
  6. <a href="{url}"{target}>
  7. <img src="模板目录/loadpic.png" data-echo="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" />
  8. </a>
  9. </div>
  10. <div class="content">
  11. <div class="meta hidden-xs">
  12. <span class="u-categories"><a href="{caturl}">{catname}</a></span></div>
  13. <div class="title"><h2><a href="{url}">{title}</a></h2></div>
  14. <div class="data clearfix">
  15. <span class="u-time">{dateline}</span>
  16. <span class="u-view"><i class="fa fa-eye"></i>{viewnum}</span>
  17. <span class="u-comment"><i class="fa fa-comment-o"></i>{commentnum}</span>
  18. <span class="u-user y"><i class="fa fa-user-o"></i>{username}</span>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. [/loop]
  24. </div>
  25. <div class="ajaxmore_btn"><a class="load-more">加载更多</a></div>
  26. <div class="morelink" style="display: none;"><a class="load-more">没有更多了</a></div>
复制代码

2:引入JS文件,代码如下,可以设置成loadmore.js
亲爱的游客您好,请 登录 后进行 回复

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部