mui图片懒加载与上下拉刷新冲突

引入mui.lazyload.js和mui.lazyload.img.js

//在进入界面时加入/******懒加载 ******/
var lazyLoad = mui('#goodList'放数据的元素).imageLazyload({
    placeholder: '../images/60x60.gif', //占位图片
    destroy: false
});


//加载数据方法
mui.ajax( 
      var loadUI = "";
    for(var b = 0; b < fileArr.length; b++) {
        var fileUrl = fileip + fileArr[b].attachUrl + fileArr[b].attachName;
        loadUI += '';
                            }
    //完成数据拼接
    $("#goodList").append(loadUI);

)
    //《这里有个问题,不知道是不是我自已的代码问题》:如果$("#goodList")里的元素超出了手机屏幕,那么超出部分就不会懒加载图片了,比如一次加载10条,而屏幕只能放下3条,那别外7条就不会实现图片懒加载,因为lazyLoad.refresh(true)方法是告诉lazyload要新的元素加载了,要加入懒加载中,而我这里不知道为什么加载完成后超出屏幕的元素不能懒加载,这里用了一个很笨的方法<实在想不出其它方法了>,用个定时器,每5秒调用一下lazyLoad.refresh(true),而在退出及跳出当前界面时对定时器clearInterval,也看了memory,没什么变化。
    //刷新  新加载下来的图片元素,并添加到懒加载中。
    var loadImagesTime = window.setInterval(function(){ 
        lazyLoad.refresh(true);
    }, 3000); /******定时懒加载 ******/


//返回操作
rewriteBack(function(){
        //清除定时器
    clearInterval(loadImagesTime);
})

你可能感兴趣的:(mui图片懒加载与上下拉刷新冲突)