Javascript 如何更改惰性图像的动态数据src？

我有悬停列表框，我的列表框有一些链接，如果我访问链接，我的列表框的主图像会随着相关图像而改变，但我使用的是延迟加载插件，这就是为什么我想用

数据src

而不是

src

进行更改，但它不起作用。我如何处理动态

还有一件事我想这可能是我怎么不知道的。如果我离开这个区域，我的图像必须用默认图像进行更改，但我不能

我的主要结构

HTML

如果你将图片悬停，你会看到链接，如果你访问链接，图片会被更改 改变

$(this).parents(".tur-list-box").find("figure img").attr("src",getAttr);

到

---

更多关于

你能解释得更清楚一点吗？好的。所有链接都有一个数据img属性，如果我悬停在链接上，我的顶部图像会发生变化，但我不想更改img的src，我想更改图像的数据src，但这不是变化，我的意思是我正在使用延迟加载图像，它给了我一个属性（数据src）要添加。但我想更改数据src attribute而不是src attributeeyes

data（）

只更改那些以

data-

开头的属性。您也可以在那里使用

attr（'data-src'，getAttr）

，但有时它会有错误。此函数仅用于执行数据val操作。是否确实添加了jquery？查看控制台（F12）以了解任何错误我确信我添加了，但您无法在控制台上看到，但如果您签出源代码，您将看到：）

 $(".tur-list-box").hover(function(){
    $(this).find(".tur-list-toggle").stop().slideDown();
    $(this).find(".open-tur-toggle").stop().removeClass("fa-chevron-down").addClass("fa-chevron-up");
  },function(){
    $(this).find(".tur-list-toggle").stop().slideUp();
    $(this).find(".open-tur-toggle").stop().removeClass("fa-chevron-up").addClass("fa-chevron-down");
    var defaultImg = $(this).find("figure img").attr("data-src");
    console.log(defaultImg);
  });


$('.tur-list-toggle ul li a').hover(
    function(e) {
      e.preventDefault();  
      var getAttr = $(this).attr("data-img");
      $(this).parents(".tur-list-box").find("figure img").attr("src",getAttr);
      $(this).fadeIn(500);
    },
    function(e) {

    }
);

$(this).parents(".tur-list-box").find("figure img").attr("src",getAttr);

$(this).parents(".tur-list-box").find("figure img").data("src",getAttr);