M1850资源网 - 最专业的网站源码模板下载站!

全部作品
全部作品
织梦模板
网站模板
源码插件
游戏源码
脚本特效
视频教程
建站教程
M1850资源网 > 建站教程 > 织梦教程 > DEDE教程 > dedecms列表页加载更多功能的实现

推荐下载

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

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}
  效果即实现。
嘿,我来帮您!

展开