Question

问题

我遇到的问题是Chrome没有从图像中放置attr。

注意： 以下代码段在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);              
    });

我想做什么

我想抓住图片的来源并将其放入 data-zoom-image 属性。
然后通过查找.png并用-large.png替换该部分来操纵放置在data-zoom-image属性中的url。

在Chrome中，该属性会放置在图片标记中，但只会显示：

data-zoom-image="undefined"

我可以改进哪些代码段以使其在Chrome中运行？

Answer 1

要设置数据属性，可以使用

$(this).addClass("zoom").data('zoom-image', '' + src + '');

jQuery将attr src放在Chrome中不起作用

1 个答案: