1、引入<script type="text/javascript" src="script/echo.min.js"></script>
2、给有懒加载的函数调用 echo.init();
注:img标签必须加 class="lazyload";
img的src中可不传值,也可用背景图;
data-echo中为数据加载到的真实地址
function showListData(typeid, page, callback){ boktour._postAjax( 'http://api.bang.boktour.com/SearchMachine/Search', { typeid: typeid, pageIndex: page, pageSize: 10 }, function(ret){ var list=ret['data']['list']; //列表图 var html=''; for(var i=0; i<list.length; i++){ html+='<img src="image/loading.gif" data-echo="'+list[i].pic+'" class="lazyload"/>'; } echo.init(); } ) }3、这一点来自网络。我的列表项是在body元素中的一个ul,不是body在滚动,是这个ul在滚动,看了一下源码,似乎这个插件定死了只能监听body滚动事件,于是动手改造之。改造之后,传到了github上。开发者修改好后的echo.js