echo.js配合ajax的使用
twocode

基础用法 就不详说啦,分一下三步:

1、引入文件(echo.js):

<script src="echo.js"></script>

2、html标签:

<img src="img/loading.gif" alt="img" data-echo="img/pekingpiao.jpg" /> 

3、JavaScript

echo.init({  
	offset: 0,  
	throttle: 0, 
});

三步就是这样,没有什么要说的,我的主要问题的是,我配合ajax使用;

默认情况下,echo.js的触发事件是scroll,但是在ajax初始加载数据的时候是没有scroll事件发生的,所以需要手动的触发,就用到了echo.js的render()函数。

官方:

echo.render();//is also available for non-scroll callbacks

ps:注意echo.render()的执行顺序,要放在ajax返回数据append()页面结构之后,在执行。

$.ajax(		
	...		
	success:function(res){			
		html.append(res.html);
		echo.render();
	}		
)


网友评论已关闭