jQuery place attr src在Chrome中不起作用

jQuery place attr src not working in Chrome

本文关键字：Chrome 不起作用 src place attr jQuery      更新时间：2023-09-26

问题

我有一个问题，Chrome没有从图像中放置属性。

注意： 以下代码段在Firefox和Internet Explorer中正常工作，没有任何错误

    $(".product .left img").each(function(){ 
        var img = $(this);
        var src = $(this).attr('src');
        $(this).addClass("zoom").attr('data-zoom-image', '' + src + '');
        var imgsrc = $(this).attr("data-zoom-image");
        var on = imgsrc.replace(/.png$/gi,"-large.png");
        $(img).attr("data-zoom-image",on);              
    });

我想做什么

  • 我想获取图像的来源并将其放置在数据缩放图像属性
  • 然后通过查找.png并将该部分替换为-large.png来操作数据缩放图像属性中的url

在Chrome中，属性被放置在图像标签中，但它只显示：

data-zoom-image="undefined"

我可以对我的代码片段进行哪些改进以使其在Chrome中工作？

为了设置数据属性，可以使用

$(this).addClass("zoom").data('zoom-image', '' + src + '');
相关文章：