勤美堂源码网

dedecms列表页实现点击下拉加载更多功能

24小时自助开通VIP,马上拥有站内全部资源 西部数码钻石代理商特价冲量 乐道主机 24小时自助开通VIP,马上拥有站内全部资源

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

步骤如下: 

1、在</head>头部加入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.gif", 

    html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'

}));

ias.extension(new IASTriggerExtension({

    text: '点击加载更多', 

    html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',

    offset: !1, 

}));

ias.extension(new IASNoneLeftExtension({

    text: '没有更多了,已经加载完!', 

    html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',

}));

 

{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}

 

效果即实现。

本站提供的模板源码,仅供源码爱好者本地电脑环境下学习研究或2次开发使用,部分演示数据仅为网站模板整体美观或属性设置需要,不合适上线运营,下载后请自行24小时内删除数据。我们倡议:站长应该严格遵守互联网法律法规建站,净化网络,站长更有责!!!

发表评论

还没有评论,快来说点什么吧~

联系客服
网站客服 业务合作 Q交流群
51843834
返回顶部
 
QQ在线咨询
客服热线
139-3511-2134