正文

Bootstrap中data-src无法显示图片，但是src可以

IP云
IP云V管理员/12 阅读
11/28
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

在学习bootstrap时，书中的源码是用的data-src来定义图像位置，但是我在使用的时候无法显示图片；data-src可以在img标签中使用来显示图片吗？我使用src可以，而是用data-src不可以。书上的源码： 


    

     
      class="thumbnail"> <<span class="hljs-name">img
      

      data-src="图片地址" alt="..."> <<span class="hljs-name">div
      

      class="caption">
     
     <<span class="hljs-name">h3>Thumbnail
     

     label</<span
     

     class="hljs-name">h3> <<span
     

     class="hljs-name">p>...</<span class="hljs-name">p>
     

     <<span
     

     class="hljs-name">p> <<span class="hljs-name">a href="#"
     

     class="btn
     

     btn-primary">Action</<span
     

     class="hljs-name">a> <<span class="hljs-name">a href="#"
     

     class="btn
     

     btn-default">Action</<span
     

     class="hljs-name">a> </<span class="hljs-name">p>
     

     </<span
     

     class="hljs-name">div> </<span class="hljs-name">div>
     

      

       

        本来就是src的才会显示。data-src只是注意储存的，比如做懒加载的时候就可以把真实的url先写到这个属性里面
       

      

     

     

      

       用来做动态延迟加载的，就是懒加载的
      

      
那开始的时候索性src也别用。用其他的比如src1。


然后对遍历所有的img标签，如果有data-src的，将其值赋给src，如果没有data-src，则将src1的值赋给src


     

    

   

  
相关阅读
目录[+]