这是一个例子
6***@qq.com
- 发布：2017-03-07 09:17
- 更新：2017-03-07 10:25
- 阅读：2136
Trust - 少说废话
问题分析
根据例子解答：
第四个选项对应的内容区域，默认display为none。因而直接初始化懒加载，无法正常渲染页面内容。
解决方案
需要通过监听第四个选项的点击，做一些处理。
暂时给第四个选项添加id为test。
滚动一定区域
点击第四个选项的时候，页面滚动一定距离，这样就可以触发懒加载进行图片的加载。
document.getElementById('test').addEventListener('tap', function(){
setTimeout(function(){
window.scrollTo(0,1);
}, 100);
}); 按需初始化懒加载
在点击第四个选项的时候，再初始化懒加载。
document.getElementById('test').addEventListener('tap', function(){
setTimeout(function(){
var lazyLoadApi = mui('body .mui-content').imageLazyload({
autoDestroy: false,
placeholder: 'http://img5.imgtn.bdimg.com/it/u=1381844116,2007175381&fm=23&gp=0.jpg'
});
}, 100);
}); 