dedecms列表頁加載更多功能的實現(xiàn)_DedeCms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
dedecms 列表頁加載更多插件,加載更多按鈕為下拉自動觸發(fā)形式,今天教大家實現(xiàn)dedecms列表加載更多功能,本次織夢dedecms實現(xiàn)點擊下拉加載更多主要用到j(luò)s技術(shù)。
步驟如下:
1、在</head>頭部加入js代碼以及引入js文件。
jquery-ias.min.js
JavaScript
步驟如下:
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: '沒有更多了,已經(jīng)加載完!',
- 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}
效果就可以實現(xiàn)了,僅供大家參考學習,希望對你有所幫助
相關(guān)DedeCms教程:
- DEDECMS中Showmsg的用法及參數(shù)介紹
- dedecms隱藏暢言浮動評論框
- DedeCMS實現(xiàn)樹型菜單的方法
- dedecms獲取上下文章鏈接的方法
- 成功解決DEDECMS 5.3圖片大小自適應問題
- 織夢dedecms修改突破列表只能生成50頁
- 系統(tǒng)出現(xiàn)Safe Alert: Request Error step 1/2 ! 解決方法
- 織夢dedecms使用百度編輯Ueditor設(shè)置代碼高亮教程
- dedecms織夢獲取文章里第一張圖片
- 織夢dedecms在php5.4下后臺發(fā)布文章提示“標題不能為空”
- 織夢DEDECMS會員提示“數(shù)據(jù)校驗不對,程序返回”問題的解決
- dedecms如何修改友情鏈接flink模板
DedeCms教程教程Rss訂閱Cms教程搜索
DedeCms教程推薦
猜你也喜歡看這些
- 企業(yè)通用清新簡潔織夢dedecms模板
- HTML5織夢cms裝飾設(shè)計/建筑裝飾公司網(wǎng)站模板
- 織夢dede高端金融集團/企業(yè)/公司網(wǎng)站模板
- html5大氣風格 織夢網(wǎng)絡(luò)工作室模板(動態(tài)圖演示)
- 織夢Dedecms橙色留學咨詢企業(yè)網(wǎng)站模板
- dedecms藍色營銷類產(chǎn)品通用型公司企業(yè)網(wǎng)站模板
- 織夢清新綠色博客模板
- 人工智能-研發(fā)公司-科技公司企業(yè)模板(自適應)
- 織夢藍色光電科技企業(yè)集團網(wǎng)站模板
- DedeEIMS織夢企業(yè)信息管理系統(tǒng)汽車模板