ppypp伦理天堂,91手机在线视频,免费在线观看黄色毛片,夜夜穞天天穞狠狠穞AV美女按摩

聯系官方銷售客服

1835022288

028-61286886

投訴 已解決 首頁實現新聞文章異步加載,點擊加載更多,自動加載新內容 3 0
POSCMS版本:3.5.4 #文章


image.png

首頁實現新聞文章異步加載,點擊加載更多,自動加載新內容。

index代碼:

<div class="data-list">  
  {template "index_data.html"}
</div>

<div class="yw_more"><a href="javascript:;">加載更多</a></div>    
<div class="yw_more_load hide"><a href="javascript:;">加載中...</a></div>

---------------------------這里怎么寫才對?    

<script type="text/javascript"> 
var dr_page = 1;
function dr_loading() {
    dr_page++; // 加載下一頁的意思
    $.get('{SITE_URL}index.php?s=news&c=api&m=template&name=index_data.html&page='+dr_page, function (html) {
    $('.data-list').append(html); // 將返回的內容追加到內容區域
    });
}  
</script>


index.data.html代碼:

<!--模塊首頁的list標簽中調用,以下寫法的意思是:開啟分頁,以每頁顯示10條-->
{list action=module module=news page=1 pagesize=10 urlrule=index.php?page=[page]}
<li><a href="{$t.url}">{$t.title}</a></li>
{/list}


前臺展示:


image.png


具體代碼怎么寫? 有完整詳細一點的介紹么?



解決方案