echo.js配合ajax的使用05-09
基础用法 就不详说啦,分一下三步:
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();
}
)
相关文章:
,请先登录查看所有评论- zepto.js和jquery.js的优劣 2015-02-04
- 在JS中调用PHP变量 2015-01-07
- JS获取支持的字体列表 2015-01-01
- JS函数大全------浏览器函数(四) 2015-01-01
- JS函数大全------数组函数(五) 2015-01-01
网友评论已关闭