例如新聞模塊的首頁(yè),做一個(gè)瀑布流:
1、瀑布流內(nèi)容查詢模板文件:index_data.html
<!--模塊首頁(yè)的list標(biāo)簽中調(diào)用,以下寫法的意思是:開啟分頁(yè),以每頁(yè)顯示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)用文件(首頁(yè)):index.html
首頁(yè)內(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++; // 加載下一頁(yè)的意思
$.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ū)域
});
}例如新聞模塊的欄目列表,做一個(gè)瀑布流:
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++; // 加載下一頁(yè)的意思
$.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ū)域
});
}
文檔最后更新時(shí)間:2018-02-08 08:25:54