lazyload 延迟加载

分类：MUI

懒加载

 var createFragment = function (count) {  
        var fragment = document.createDocumentFragment();  

        for (var i = 0; i < @Model.Count; i++) {  
            li = document.createElement('li');  
            li.className = 'mui-table-view-cell mui-media';  
            li.innerHTML = '<a class="mui-navigate-right"><img class="mui-media-object mui-pull-left" data-lazyload="http://content20160806.b0.upaiyun.com/Images/ContentIcon/20160907155908.jpg"><div class="mui-media-body">主标题<p class="mui-ellipsis">列表二级标题</p></div></a>';  
            fragment.appendChild(li);  
        }  
        return fragment;  
    };  

    (function ($) {  
        var list = document.getElementById("list");  
        list.appendChild(createFragment(50));  
        $(document).imageLazyload({  
            placeholder: '../../../images/60x60.gif'  
        });  
    })(mui);

但是页面生成之后确是这样的

<li class="mui-table-view-cell mui-media"><a class="mui-navigate-right"><img class="mui-media-object mui-pull-left" data-lazyload="http://content20160806.b0.upaiyun.com/Images/ContentIcon/20160907155908.jpg" data-lazyload-id="1" src="../../../images/60x60.gif"><div class="mui-media-body">主标题<p class="mui-ellipsis">列表二级标题</p></div></a></li>

图片显示的仍然是hi 60X60.gif。需要显示的图片没有显示出来
什么原因

2016-09-08 17:54 负责人:无分享

2 个回复

赵梦欢 - 专注前端，乐于分享！

<script src="js/mui.lazyload.js"></script>  
<script src="js/mui.lazyload.img.js"></script>

是否按照顺序引入了这个插件，最好发一个测试工程。

5***@qq.com (作者)

当然添加了要不也不会生成下面的那段代码了。

2016-09-08 18:03

5***@qq.com (作者)

<script src="~/Scripts/mui.min.js"></script>  

<script src="~/Scripts/mui.lazyload.js"></script>  

<script src="~/Scripts/mui.lazyload.img.js"></script>

2016-09-08 18:04

5***@qq.com (作者)

这个都是从Github上面下载的最新的

2016-09-08 18:04
赵梦欢

回复 5***@qq.com:发一个可以重现问题的工程

2016-09-08 18:07

shwanYu

请参照 http://ask.dcloud.net.cn/article/932
应该是你的div和js不对应

该问题目前已经被锁定, 无法添加新回复

lazyload 延迟加载

2 个回复

公告

相关问题

lazyload 延迟加载

与内容相关的链接

2 个回复

公告

相关问题