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