免费观看又色又爽又黄的忠诚|免费看黄a级毛片成人片|免费看三级片久久|免费鲁丝无码一级|免费全部黄A片免费播放|免费人成视频在线

用以下代碼做 瀑布流。 讀不到 rel 這個東西啊

next: " .pagelist a[rel^=next] ", //下一頁元素        
 //分頁里面 下一頁帶了 rel="next" 所以這個是獲取.pagelist類下面的rel元素next的

通過前端jq插件 infinite-scroll 實現(xiàn)ajax瀑布流加載

更新時間：2020-05-11 11:43:39 文檔作者：九天網(wǎng)絡(luò) 不會操作怎么辦？

ajax瀑布流加載方案 有兩種 一種是官方提供的

http://223987.com/doc/534.html

另外一種便是通過我這種前端 jq插件 實現(xiàn)的 下面說方法

列表的調(diào)用案例

<ul class="listbox">  class="listbox" 對應(yīng)下面的 container: ".listbox",
  {list action=module module=news page=1 pagesize=10  urlrule=index.php?page=[page]} 
    <li class="item">{$t.title}</li>  class="item" 對應(yīng)下面的 item: ".item",
  {/list}
</ul>
<div class="pagelist"> {$pages} </div> class="pagelist" 對應(yīng)下面的 pagination: ".pagelist",

下載 jq插件 infinite-scroll （在下面附件下載） 代碼放在list循環(huán)之后

<script src="/static/default/ajax/js/jquery-ias.min.js" type="text/javascript"></script>     
<!-- 在此之前必須先加載jq庫以及infinite-scroll插件 路徑別錯了 沒有加載jq就用不了 -->    
<script type="text/javascript">     
var ias = $.ias({    
 container: ".listbox", //包含所有文章的元素    
 item: ".item", //對應(yīng)的每篇文章元素    
 pagination: ".pagelist", //對應(yīng)下面的分頁元素    
 next: " .pagelist a[rel^=next] ", //下一頁元素        
 //分頁里面 下一頁帶了 rel="next" 所以這個是獲取.pagelist類下面的rel元素next的    
});    
ias.extension(new IASSpinnerExtension({    
 src: "/static/default/ajax/img/load.gif",    
 html: '<p style="text-align: center;"><img src="{src}"/></p>'    
}));    
ias.extension(new IASTriggerExtension({    
 text: '點擊加載更多', //此選項為需要點擊時的文字    
 html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',    
 offset: 2, //設(shè)置此項后，到 offset:2 頁之后需要手動點擊才能加載，offset:!1 則一直為無限加載    
}));    
ias.extension(new IASNoneLeftExtension({    
 text: '已經(jīng)加載完成！', // 加載完成時的提示    
 html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',    
}));    
</script>