成年人的在线免费视频,婷婷91精品国产91久久综合,人妻精品人妻888,性感美女视频一区二区三区,国产熟女精品视频免费看,国内精品九九久久精品小草,中文字幕日韩精品欧美丝袜,午夜精品久久久久蜜桃毛片,91久久在线视频观看

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

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

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

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

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

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

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

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

<ul class="listbox">  class="listbox" 對(duì)應(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" 對(duì)應(yīng)下面的 item: ".item",
  {/list}
</ul>
<div class="pagelist"> {$pages} </div> class="pagelist" 對(duì)應(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插件 路徑別錯(cuò)了 沒有加載jq就用不了 -->    
<script type="text/javascript">     
var ias = $.ias({    
 container: ".listbox", //包含所有文章的元素    
 item: ".item", //對(duì)應(yīng)的每篇文章元素    
 pagination: ".pagelist", //對(duì)應(yīng)下面的分頁元素    
 next: " .pagelist a[rel^=next] ", //下一頁元素        
 //分頁里面 下一頁帶了 rel="next" 所以這個(gè)是獲取.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: '點(diǎn)擊加載更多', //此選項(xiàng)為需要點(diǎn)擊時(shí)的文字    
 html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',    
 offset: 2, //設(shè)置此項(xiàng)后，到 offset:2 頁之后需要手動(dòng)點(diǎn)擊才能加載，offset:!1 則一直為無限加載    
}));    
ias.extension(new IASNoneLeftExtension({    
 text: '已經(jīng)加載完成！', // 加載完成時(shí)的提示    
 html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',    
}));    
</script>