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 += '<img data-lazyload="' + fileUrl + '" class="mui-media-object" src="../../images/file-upload.png">';
                            }
    //完成数据拼接
    $("#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);
})