EMlog实现分页Ajax无限加载功能:jquery.ias.js

带算为自己模版添加上ajax无限加载功能, 在 百度找了好一阵子,才找到合适的ajax翻页功能。Infinite AJAX Scroll通过很简单的设置,就可以让Emlog支持分页Ajax无线加载功能。
下面 舍力就以Emlog本 博客主题 default(默认) 主题为例:
1、下载 jquery.ias.min.js、jquery.js(文章尾部有下载地址)
2、把 jquery.ias.min.js、jquery.js 拷贝到 content/templates/default/js/ 文件夹下
3、在编辑器中打开 content/templates/default/header.php,在之间加入下面代码

4、在log_list.php 需要改2个地方

找到代码
<?php
if (!empty($logs)):
foreach($logs as $value):
?>
后面加入

然后在代码 前面加入代码

在后面加入代码

按照以上步骤就可以弄好了,当然css就自己去写了, 舍力就不普及了。可能会与一些模板产生js冲突,自己研究一下就可以,测试请用默认模板。

以上代码经测试会重复加载内容,可以通过在下一页的a标签加入id=“slnext”,然后把next: "#pagenavi a"改为next: "#pagenavi a#slnext"即可解决问题

THE END
喜欢就支持以下吧
点赞 0 分享
评论 共0条