如何在某些div中将src更改为data-src

Question

页面JS代码：<div class="slider-in-80-104-cm">&nbsp;</div> <script>$(".slider-in-80-104-cm").load("/ #products-27")</script>在 Shoptet.cz 中，可以将标题页中的产品添加到 bs 选项卡 - 请参阅标题页。我需要这些产品的类别（如 80-104 厘米等）我使用 jquery $load 从标题页选项卡到某些页面（产品类别）的内容，但在类别页面上仅加载前 4 个带有图像的产品，但下一个产品加载时没有图像。如果我在 shoptet 管理中更改产品的位置，总是不会在第五个和下一个产品上显示图像。我需要更改 src 做 data-src，因为在某些图像中 shoptet 加载 src，但我需要在 data-src 中显示真实图像。<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://cdn.myshoptet.com/usr/373834.myshoptet.com/user/shop/detail/682_ergonomicke-nositko-fidella-fusion-baby-size-cubic-lines-rustred.jpg?5f592575" alt="Ergonomick&eacute; nos&iacute;tko Fidella Fusion BABY SIZE - Cubic Lines Rustred" data-micro-image="https://cdn.myshoptet.com/usr/373834.myshoptet.com/user/shop/big/682_ergonomicke-nositko-fidella-fusion-baby-size-cubic-lines-rustred.jpg?5f592575">我从这里使用了许多 jquery 代码，但没有任何功能。谢谢。

Answer 1

尝试这个...

//lets say your image looks like this, give it an id

// <img src="something" id="image"/>

//to give it a data attribute you do this

setTimeout(function(){

  $('.slider-in-80-104-cm .image img').each(function(){ 

    $(this).attr('src', $(this).attr('data-src'));

  });

},1000);