您好,欢迎来到5A站长资源-资源平台源码网!只做精品站长平台:www.5AW.org
  • 首 页
  • dedecms列表页加载更多功能的实现
    时间:2018-02-26 23:05 来源:5A站长 作者:5A站长 浏览:收藏 挑错 打印

    链接:https://pan.baidu.com/s/1bpPrVPH 密码:7p94


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

     
    步骤如下:
     

    1、在</head>头部加入js代码以及引入js文件。


    var ias = $.ias({
    02
        container: ".listbox",
    03
        item: ".item",
    04
        pagination: ".pagelist",
    05
        next: ".pagelist a.next",
    06
    });
    07
    ias.extension(new IASSpinnerExtension({
    08
        src: "/images/loadinglit.gif",
    09
        html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'
    10
    }));
    11
    ias.extension(new IASTriggerExtension({
    12
        text: '点击加载更多',
    13
        html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
    14
        offset: !1,
    15
    }));
    16
    ias.extension(new IASNoneLeftExtension({
    17
        text: '没有更多了,已经加载完!',
    18
        html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
    19
    }));
    



    找到
     
    1 {dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}
     
    修改为
     
    1 {dede:pagelist listitem="next" listsize="1" runphp="yes"}
    2         @me = preg_replace('/<ashref=(['"]?).+?/''$0', @me);
    3 {/dede:pagelist}
     
    效果即实现。


    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请及时联系QQ:1308684498,我们尽快处理。

    织梦DEDECMS列表页首页跟其它页使用不同模板的办法织梦DEDECMS列表页首页跟其它页使用不
    Dedecms移动站静态化实操分享Dedecms移动站静态化实操分享
    dedecms织梦搜索指定栏目文档dedecms织梦搜索指定栏目文档
    支持5A站长资源-资源平台-5A站长广告栏目
    • 客服:我们竭诚为您服务!
    • 客服:我们竭诚为您服务!