社区首页 › 教程资源 › dedecms列表页加载更多功能的实现

muban大师 发表于 2020-4-12 09:57:33

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

edecms 列表页加载更多插件，加载更多按钮为下拉自动触发形式，本次织梦dedecms实现点击下拉加载更多主要用到js技术。
       
        步骤如下：
       
        1、在头部加入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: '

'
        }));
        ias.extension(new IASTriggerExtension({
          text: '点击加载更多',
          html: '{text}
',
          offset: !1,
        }));
        ias.extension(new IASNoneLeftExtension({
          text: '没有更多了，已经加载完！',
          html: '{text}
',
        }));
       
        {dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}
       
        {dede:pagelist listitem="next" listsize="1" runphp="yes"}
        @me = preg_replace('/
        {/dede:pagelist}
       
        效果即实现。

查看完整版本: dedecms列表页加载更多功能的实现