请输入搜索关键字!

织梦dedecms列表页加载更多功能的实现方法

游龙模板网(www.crjwz.com) | 2020-04-12 20:15 | 关注:152 我要投稿

摘要: edecms 列表 页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。 步骤如下: 1、在/head头部加入js代码以及引入js文件。 jquery-ias.min.js J...

edecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦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}
 
效果即实现。
 
本文永久链接地址:http://www.crjwz.com/article/1010.html
精品源码
视觉焦点
网友跟帖

共有 条评论

    推荐文章

    自适应网站与响应式网站有什么区别?

    新网站怎样做SEO优化?

    怎样建营销型网站?都具备什么样的特征

    怎样才能把网站关键词排名做到首页?

    网站做的SEO总没效果是什么原因

    相关文章

    联系我们

    • 游龙模板公众号
      全面掌握电商一手资讯

    • 游龙模板服务号
      精彩活动,推送提醒

    垂询热线:189-5250-0766

    合作投稿:1845609988@qq.com

    扬州市宝应县泰山西路乐意楼

    备案号:苏ICP备15018259号-2