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();
}
)
相关文章:
,请先登录查看所有评论- JS函数大全------数组函数(五) 2015-01-01
- JS函数大全------日期型函数(三) 2015-01-01
- JS函数大全------数值型(数学)函数(二) 2015-01-01
- JS函数大全------字符串(一) 2015-01-01
- $(document).ready()和window.onload的区别 2015-01-01
网友评论已关闭