jquery - 替换所有图像的 SRC 中的字符串

Question

嗨，我正在使用一个名为 soliloquy 的 wordpress 滑块插件。

目前在桌面上一切都很好。但在移动设备上，图像占用了太多内存，导致 Safari 崩溃。

我正在使用 modernizr 来检测它是否是触摸设备，然后替换 src 字符串

name.jpg 

（原尺寸上传图片）到

name-480x480.jpg 

（较小的图像）

我现在的代码是

if (Modernizr.touch){
$('img.soliloquy-item-image').each(function(index, element) {
$(this).attr('src', $(this).attr('src').replace('.jpg', '-480x480.jpg'));
});

这显然只替换了第一个图像，而不是全部。有人知道为什么吗？

Answer 1

从源代码中快速查看，该插件正在使用 jQuery 数据属性soliloquy-src，因此也尝试替换它：

if (Modernizr.touch){
    $('img.soliloquy-item-image').each(function(index, element) {
        var img = $(this);
        img.attr("src", img.attr("src").replace(".jpg", "-480x480.jpg"));
        img.data("soliloquy-src", img.data("soliloquy-src").replace(".jpg", "-480x480.jpg"));
    });
}