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

<noscript id="ageye"><optgroup id="ageye"></optgroup></noscript>

<th id="ageye"></th>

<ul id="ageye"><pre id="ageye"></pre></ul>

聯系官方銷售客服

1835022288

028-61286886

模板制作教程

通過前端jq插件 infinite-scroll 實現ajax瀑布流加載

創建時間：2020-05-11 11:43:39 更新時間：2020-05-11 11:43:39 文檔糾錯/我來修改此文檔（1）文檔作者：九天網絡不會操作怎么辦？

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

http://www.zbshanke.com/doc/534.html

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

列表的調用案例

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

<script src="/static/default/ajax/js/jquery-ias.min.js" type="text/javascript"></script>     
    
<script type="text/javascript">     
var ias = $.ias({    
	container: ".listbox", //包含所有文章的元素    
	item: ".item", //對應的每篇文章元素    
	pagination: ".pagelist", //對應下面的分頁元素    
	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, //設置此項后，到 offset:2 頁之后需要手動點擊才能加載，offset:!1 則一直為無限加載    
}));    
ias.extension(new IASNoneLeftExtension({    
	text: '已經加載完成！', // 加載完成時的提示    
	html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',    
}));    
</script>

至此已經完成案例請查看 http://poscms4.ew98.com/wenzhang

代碼下載也可以自行百度下載

本文地址：http://www.zbshanke.com/doc/958.html

技術求助：不會操作怎么辦？點擊前往技術求助！

<strike id="g20cg"><s id="g20cg"></s></strike><ul id="g20cg"></ul>

<ul id="g20cg"></ul>

<kbd id="g20cg"></kbd>