例如新聞模塊的首頁,做一個瀑布流:
1、瀑布流內(nèi)容查詢模板文件:index_data.html
<!--模塊首頁的list標(biāo)簽中調(diào)用,以下寫法的意思是:開啟分頁,以每頁顯示10條--> {list action=module module=MOD_DIR page=1 pagesize=10 urlrule=index.php?page=[page]} <li><a href="{$t.url}">{$t.title}</a></li> {/list}
2、瀑布流調(diào)用文件(首頁):index.html
首頁內(nèi)容調(diào)用部分代碼:
.... <ul class="data-list"> {template "index_data.html"} </ul> ....
js相應(yīng)事件函數(shù)代碼:
var dr_page = 1; function dr_loading() { dr_page++; // 加載下一頁的意思 $.get('{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=index_data.html&page='+dr_page, function (html) { $('.data-list').append(html); // 將返回的內(nèi)容追加到內(nèi)容區(qū)域 }); }
例如新聞模塊的欄目列表,做一個瀑布流:
1、瀑布流內(nèi)容查詢模板文件:list_data.html
<?php $get.catid && $catid=$get.catid;?> {list action=module catid=$catid order=updatetime page=1} <li><a href="{$t.url}">{$t.title}</a></li> {/list} {$sql}
2、瀑布流調(diào)用文件(列表):list.html
調(diào)用部分代碼:
.... <ul class="data-list"> {template "list_data.html"} </ul> ....
js相應(yīng)事件函數(shù)代碼:
var dr_page = 1; function dr_loading() { dr_page++; // 加載下一頁的意思 $.get('{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=list_data.html&catid={$catid}&page='+dr_page, function (html) { $('.data-list').append(html); // 將返回的內(nèi)容追加到內(nèi)容區(qū)域 }); }
文檔最后更新時間:2018-02-08 08:25:54