
| 歡迎訪問全國企業網站設計NO.1網站開發商平臺 | 付款方式 |
POST TIME:2020-10-09
DedeCMS實現列表頁按時間,點擊,評論,星級排序的方法還挺多的,最簡單的莫過于生成自由列表。最近玩AJAX玩上癮了,就分享用AJAX動態加載列表的方法。
AJAX辦法區別于生成自由列表,自由列表有許多優勢:URL靜態、獨立的標題、描述、關鍵字,利于SEO優化;但是考慮到這些列表的對蜘蛛抓取規則來說并沒有太大區別,只是排序規則不一樣而已。
需要這個功能的童鞋下載幾個文件:鏈接:http://pan.baidu.com/s/1gfsu8YB
1. 有gbk和utf8兩個版本,把對應的文件放到網站根目錄就好。
2. /templets/default是對應的默認模板文件夾,里面的兩個模板文件,分別是list_article.htm,list_article_ajax.htm,第一個是列表模板文件,第二個是AJAX加載文件,打開list_article.htm,找到
<script type="text/javascript" > function ajax_url(url,id){ if(id!=null){ $("#a_update").attr("class",""); $("#a_hot").attr("class",""); $("#a_lastpost").attr("class",""); $("#a_sortrank").attr("class",""); $("#"+id).attr("class","on"); } $.get(url,null,function(returnData){ $("#list").html(returnData); }); } $(function(){ }); </script>
紅色的#list對應的是下面<div id="list">...</div>,這個div所包含的內容都會被AJAX加載的內容覆蓋。
比如:你的列表模板名為:produce.htm,對應的AJAX模板命名為produce_ajax.htm。
1.織夢58測試,JS動態顯示點擊次數,會顯示錯誤,采用[field:click/]就好;
2.lazyload圖片延遲加載加載不出圖片,已解決,參考文章《網站圖片Lazyload延遲加載技術》;
2.有局限性,不能使用在首頁或頻道封面,只能使用在最終列表欄目;
3.最后效果請參考本站任意一個欄目列表。