带算为本身模版添加上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，在<head></head>之间到场下面代码
<script src="<?php echo TEMPLATE_URL;?>js/jquery.js" type="text/javascript"></script><script src="<?php echo TEMPLATE_URL;?>js/jquery.ias.min.js" type="text/javascript"></script>4、在log_list.php 须要改2个处所
找到代码<?php if (!empty($logs)):foreach($logs as $value): ?>背面到场<div class="sheli">然后在代码<?php endforeach;else:?>前面到场代码</div>
在<div id="pagenavi"><?php echo $page_url;?></div>在背面到场代码<script>var ias = $.ias({ container: ".content", //包括一切文章的元素 item: ".sheli", //文章元素 pagination: "#pagenavi", //分页元素 next: "#pagenavi a", //下一页元素});ias.extension(new IASTriggerExtension({ text: '<div class="gengduo">点击检察更多内容</div>', //此选项为须要点击时的笔墨 offset: 1, //设置此项后，到 offset+1 页以后须要手动点击才加载，作废此项则一向为无穷加载}));ias.extension(new IASSpinnerExtension());ias.extension(new IASNoneLeftExtension({ text: '<div class="gengduo">已经是全部内容了</div>', // 加载完成时的提醒}));</script>根据以上步骤就能够弄好了，固然css就本身去写了， 舍力就不提高了。大概会与一些模板发生js争执，本身研究一下就能够，测试请用默许模板。
以上代码经测试会反复加载内容，能够经由过程鄙人一页的a标签到场id=“slnext”，然后把next: "#pagenavi a"改成next: "#pagenavi a#slnext"即可解决问题
评论列表