DZX3中自动加载更多的代码分析

ruziniu05100 · 发表于 2013-8-26 04:17:29

本帖最后由 ruziniu05100 于 2013-8-26 15:17 编辑

在研究DiscuzX3.0的过程中需要使用无刷新自动加载更多数据代替翻页效果，但是又不局限于DZ官方默认的只有帖子列表对帖子才有效果，仔细研究了一下分析如下，以备查询。

需要注意三处：
1、模板前台效果页中的“加载更多”按钮，作用：显示“加载中”与引入需要的js文件；
2、最重要的autoloadpage.js文件，作用：实现自动加载的主代码段；
3、模板页中需要加载数据的DOM结构化，作用：在2中的js容易处理DOM元素，原则是可选取、以替换、容易使用js的正则处理。

具体实现细节分析：

第1步：模板页的“加载更多”按钮与js主文件的引入。

[code]
      
            <u><a class="bm_h" href="javascript:;" rel="$multipage_more" curpage="$page" id="autopbn" totalpage="$maxpage" picstyle="$_G[forum][picstyle]" forumdefstyle="$_G[cookie][forumdefstyle]">{lang next_page_extra}</a>
            <script type="text/javascript" src="http://yourweb.com/{$_G[setting][jspath]}autoloadpage.js?{VERHASH}"></script></u>
      
            <div id="pgbtn" class="pgbtn"><a href="http://youweb.com/forum.php?mod=forumdisplay&fid={$_G[fid]}&filter={$filter}&orderby={$_GET[orderby]}{$forumdisplayadd

1314学习网 · 发表于 2013-8-26 11:42:41

技术贴支持一下。。。

lovenr · 发表于 2013-8-26 13:16:02

技术强帖收藏了。

zhailingbing · 发表于 2013-11-4 14:56:11

学习了，好贴顶一个。

我是潮人 · 发表于 2013-11-8 08:59:32

学习了，好贴顶一个。

奥尔顿-琼斯 · 发表于 2014-3-6 16:11:10

是什么样的效果呢？

陈煦霖 · 发表于 2014-3-7 13:11:05

相当低不错

xiaonian1986 · 发表于 2014-3-7 13:15:05

技术贴，学习了。

轩辕未了 · 发表于 2014-7-8 09:58:36

太棒了，想学习下，不过还是很多看不明白，不知道楼主能不能直接给个模板？可以导入到我的网站中的
我的网站www.yqshh.com，非常感谢了

选峰工作室 · 发表于 2015-12-5 20:46:33

好帖子。佩服的五体投地，讲解详细。。

		自动登录	找回密码
密码			立即注册

[修改] DZX3中自动加载更多的代码分析

本帖子中包含更多资源

评分