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

softyun3年前cms教程231

 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}  
效果就可以实现了,仅供大家参考学习,希望对你有所帮助

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

dedecms模板中产品多级目录读取实现方法

织梦dedecms模板中产品多级目录读取实现方法,织梦DEDECMS5.7{dede:cattree}{/dede:cattree} 。标签树形产品分类目录样式修改方法:在后台-模板-标签源码管理–c...

dedecms 2007 默认幻灯片显示标题

var focus_width=280;var focus_height=220;var text_height=0;  给文字设置一个高度就可以了 一般设置为var text_height=20;...

DEDECMS,RSS的描述全文内容输出

原来生成的xml只是包含了文章的摘要,没有原文.用来做feed一点吸引力都没有.当然有了具体内容也可以为别人提供咨讯,如百度新闻,GG等.以前我用风讯的时候为阿里巴巴提供过,但后来转DEDE后,一直没...

彩色热门tags,热门关键字代码,刷新一次变换一次,无需修改源码

此代码优点: ◎ 无需修改任何源文件 ◎ CSS+JS文件控制,简单更容易! ◎ 随心所欲,想变多少颜色就变多少颜色。 网页部分的代码如下:  <div>   <h2><...

dede审核时间与更新文章发布日期同步

dede审核时间与更新文章发布日期同步打开织梦dedecms后台所在目录 默认为dede的archives_do.php文件,大概在200行开始:原代码:$maintable = ( trim($ro...

织梦dedecms首页调用缩略图为背景

 想把DedeCMS织梦模板首页调用缩略图为背景。这个需要配合{dede:arclist}{/dede:arclist}织梦dedecms标签使用,既可以实现把缩略图作为背景,另外还需要用到backg...