jquery-ias.min.js是一款无限下拉加载的jquery插件。
它的配置参数如下:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="/js/jquery-ias.min.js"></script> <script> var ias = $.ias({ container: "#container", item: ".scroll", pagination: "#epages", next: ".next" }); ias.extension(new IASSpinnerExtension()); ias.extension(new IASNoneLeftExtension({html: '<div class="blank20"></div><div style="text-align:center"><p><em>后面已经没有数据了</em></p></div>'})); </script>
使用它需要特别注意的是,当有容器悬浮时,必须要清除浮动。否则在页面一打开就会加载,一拖动滚动条就会加载。
帝国cms代码如下:
<div id="container"> <ul class="scroll"> [!--empirenews.listtemp--] <!--list.var1--> <!--list.var2--> <!--list.var3--> <!--list.var4--> <!--list.var5--> [!--empirenews.listtemp--] <span class="blank20"></span> </ul> </div> <span class="blank20"></span> <div id="epages"> [!--show.listpage--] </div>
在帝国的e/class里面把分页函数里面的下一页链接加上class=”next”即可。
下载jquery-ias.min
官方网站:http://infiniteajaxscroll.com/download.html
示例:http://www.hncmec.com/e/action/ListInfo/?classid=97