首页 >

织梦DedeCMS列表页加载更多功能的实现

织梦DedeCMS 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦DedeCMS实现点击下拉加载更多主要用到js技术。

织梦DedeCMS列表页加载更多功能的实现

步骤如下:

1 | 在头部加入js代码以及引入js文件。

jquery-ias.min.js

JavaScript

var ias = $.ias({    container: ".listbox",    item: ".item",    pagination: ".pagelist",    next: ".pagelist a.next",});ias.extension(new IASSpinnerExtension({    src: "/images/loadinglit.jpg",     html: '

'}));ias.extension(new IASTriggerExtension({ text: '点击加载更多', html: '

{text}

', offset: !1, }));ias.extension(new IASNoneLeftExtension({ text: '没有更多了,已经加载完!', html: '

{text}

',}));

找到

{dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}

修改为

{dede:pagelist listitem="next" listsize="1" runphp="yes"}@me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0', @me);{/dede:pagelist}

效果即实现。


织梦DedeCMS列表页加载更多功能的实现
  • 织梦DedeCMS会员中心更改重新发邮件验证提醒的间隔时间
  • 织梦DedeCMS会员中心更改重新发邮件验证提醒的间隔时间 | 织梦DedeCMS会员中心更改重新发邮件验证提醒的间隔时间 ...

    织梦DedeCMS列表页加载更多功能的实现
  • 织梦DedeCMS网站安全设置
  • 织梦DedeCMS网站安全设置 | 织梦DedeCMS网站安全设置 ...

    织梦DedeCMS列表页加载更多功能的实现
  • 织梦DedeCMS数据库类$dsql使用方法步骤
  • 织梦DedeCMS数据库类$dsql使用方法步骤 | 织梦DedeCMS数据库类$dsql使用方法步骤 ...