首页 » 前端

最近发现blazy的一个小bug,原因竟然是一个属性导致的。

1.首先引入 js

<script src="//cdn.jsdelivr.net/blazy/latest/blazy.min.js"></script>
<script>
    window.bLazy = new Blazy({
        container: '.content',
        success: function (element) {
            console.log("Element loaded: ", element.nodeName);
        }
    });
</script>

2.然后加入要加载的图片,看起来没毛病吧,老铁,但是死活加载不出来。

<img class="b-lazy animate b-loaded" data-src="http://cdn.dinbror.dk/assets/blazy/02.jpg" >

3.然后我加入alt 属性,然后图片就出来了,来了,了。。。。

<img class="b-lazy animate b-loaded" data-src="http://cdn.dinbror.dk/assets/blazy/02.jpg"  alt="Lazy load images example 1b" >

4.这什么bug啊,必须有alt属性?反正分享出来给大家一个防坑指南