6185查看/29回复/收藏

天天爱学习

2018-5-27 20:31:27

1#
说明:一般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
游客,如果您要查看本帖隐藏内容请回复




29 回帖

wmanor

2018-6-19 14:52:44

推荐
支持一下楼主

cnv6

2018-5-29 07:44:37

2#
演示图消失了?

云哥珠宝

2018-6-8 12:37:20

4#
真的能用吗

你的花大爷

2018-6-22 17:47:29

6#
很久没来了,学习一下

bskiqpl

2018-7-2 00:28:37

8#
学习下,站长真是厉害啊

Mic

2018-7-2 23:16:18

9#
怎么用?有傻瓜式教程吗?
123下一页
您需要登录后才可以回帖 登录 | 注册
高级模式