欢迎来到润旭源码网
帮助中心

润旭源码网

热门搜索: 企业源码    免费源码   

dedecms列表页加载更多功能的实现

  • 时间:2020-07-18 10:48 编辑: 来源: 阅读:196
  • 扫一扫,手机访问
摘要:edecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。 步骤如下: 1、在</head>头部加入js代码以及引入js文件。 jquery-ias.min.js JavaScript var ias = $.ias({    container: ".listbox"

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('/<ashref=(['"]?).+?1/', '$0', @me);

{/dede:pagelist}

 

效果即实现。


  • 全部评论(0)
资讯详情页最新发布上方横幅
联系我们

QQ:888477 {点击直接联系}

邮箱:runxu123@qq.com

时间:周1——周6 【9:00-23:00

联系客服
购买源码 源码咨询 投诉建议 联系客服
0373-6621888
手机版

扫一扫进手机版
返回顶部