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

登录/ 注册
站长工具
 找回密码
 立即注册
QQ登录
搜索
返回列表 发新帖

discuz DIY模块 图文加载更多

来自版块: Discuz教程发表于: 2020-1-4 20:05:56
36128
0
如本资源下载地址失效,请点击此处进行反馈
开通本站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
亲爱的游客您好，请 登录 后进行 回复
其他教程：
jQuery 实现 Discuz! 点击加载更多（不刷新页面）
根据下一页页码加载更多
discuz DIY模块 图文加载更多
教您在使用discuz时自己DIY的图文模块实现加载更多
Discuz!教程之如何删除图片模式自动加载下一页
discuz 3.2 首页ajax点击加载更多(最简版)
discuz，DIY，模块，图文，加载，更多

举报

全部评论 0

期待你的评论哦~

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块

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

©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml

本站内容皆来自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

联系邮箱：tuyuanma@qq.com 联系QQ：3197813386

返回顶部