1.页面需要引入jquery.js文件
2. 列表页合适位置添加以下代码(我是在<ul>中添加的,关键是要添加代码: id="showajaxnews",这样点击 点击添加更多 按钮时,列表内容就被添加到了<ul class="slLis wrap" id="showajaxnews">下面)
我的是这样的:<ul class="slLis wrap" id="showajaxnews">,大家对照自行修改。
3. 在列表页加上 点击加载更多 按钮。
我的是这样的:<a class="load_more_btn" id="loadmore" target="_self" style="display: block;">点击加载更多</a>
4. 在列表页</body>前加上以下js代码。
说明:
(1). 代码中 'limit':25 , 25需修改为你想点击一次加载更多时加载的条数。通常要修改成和 系统后台 → 系统设置 → 系统参数设置 → 信息设置 中的:前台结合项列表每页显示 25 个信息 这个数一样
(2). 代码中有 <img src=https://www.moyublog.com/notes/"/skin/list/loaduai.gif" width=20/> 页面加载中...,所以需要在 /skin/list/ 下添加这个表示正在加载的GIF动画图标 loaduai.gif 。你也可以把图标放在别的位置,但要修改相应的这个 /skin/list/loaduai.gif 代码。
5. 在/e/action/下添加文件 getmorearticle.php(修改 $limit=25; 中的25和 js中的数字一样)
getmorearticle.php内容如下: