在ajax调用后悬停图像

Question

<img class="tile-image clp-hover-img"
             src="${product.images.medium[0].url}"
             itemprop="image" data-src="${product.images.medium[0].hoverImageUrl}"/>

我在图像悬停时遇到问题。当前它工作正常，但是在ajax调用之后，悬停图像将无法正常工作。 页面加载后，当我将鼠标悬停在图像上时，将加载新的悬停图像。 当我使用色板（AJAX）选择新产品时，通常会显示新图像。当我将鼠标悬停在上面时，它会显示旧的悬停图像本身。

将鼠标悬停在容器上后，将显示悬停图像。选择新产品（颜色相同的产品）后，图像会正常变化，但悬停图像将显示与第一产品颜色相同的颜色。

var tempSrc = '';
 $(".clp-hover-img").hover(function(){
 tempSrc = $(this).attr('src');
 $(this).attr("src", $(this).data("src"));
 }, function(){
 $(this).attr("src",tempSrc);
});