如何在特定的div中将src更改为数据src

Question

有问题的页面：https://373834.myshoptet.com/80-104-cm/

页面上的JS代码：

<div class="slider-in-80-104-cm">&nbsp;</div>
<script>$(".slider-in-80-104-cm").load("/ #products-27")</script>

从以下位置加载选项卡内容：https://373834.myshoptet.com-id#products-27下的选项卡(参见第页的源代码(

在Shoptet.cz中，可以将TITLE PAGE中的产品添加到bs选项卡中-请参阅标题页中的。我需要这种产品的类别(如80-104-cm等(

我使用jquery$将内容从标题页选项卡加载到某些页面(产品类别(，但在类别上，页面只加载前4个有图像的产品，但下一个产品加载时没有图像。

如果我在商店管理员中更改产品的位置，总是不会在第五个和下一个产品上显示图像。

我需要更改src-do-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é nosí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);