动态加载数据时，懒加载图片无法显示

根据官方懒加载演示文档（examples/lazyload-image.html），修改 一下加上了mui.ready后，懒加载图片马上失效……问我为什么要用ready？因为要ajax啊……请官方人员帮忙解答下这种问题该如何解决？

    <script>  
        mui.init();  
        (function($) {  
            //          var list = document.getElementById("list");  
            //          list.appendChild(createFragment(50));  
            mui.ready(function() {  
                for(var i = 0; i < 50; i++) {  
                    var li;  
                    li += '<a class="mui-navigate-right"><img class="mui-media-object mui-pull-left" data-lazyload="http://www.dcloud.io/hellomui/images/' + (i % 5 + 1) + '.jpg?version=' + Math.random() * 1000 + '"><div class="mui-media-body">主标题<p class="mui-ellipsis">列表二级标题</p></div></a>';  
                }  
                document.getElementById("list").innerHTML = li;  
            })  

            $(document).imageLazyload({  
                placeholder: 'images/60x60.gif'  
            });  
        })(mui);  
    </script>