【示例】使用mui懒加载插件实现动态懒加载图文信息

依赖

1. mui.js


2. mui.lazyload.js


3. mui.lazyload.img.js

在HBuilder中新建Hello mui示例工程中获取以上依赖文件。
mui在github上的开源地址最接近原生APP体验的高性能框架
在HBuilder中使用egit插件同步最新的MUI等资源

实现

以Hello mui示例工程中的lazyload-image.html例子为基础，做一些适当的调整即可。

初始化

初始化懒加载控件，设置占位图。注意，这里需要将destory属性设置为false，不自动销毁，以便后面继续调用。

var lazyLoad = mui('#list').imageLazyload({
    placeholder: '../images/60x60.gif',
    destroy: false
});

加载

新增一个按钮，点击后直接原有的createFragment ()方法，并将新的图文信息添加至懒加载的容器中。

<!--html部分-->
<button type="button" class=