jquery - 替换背景图像 bij jQuery 不适用于移动设备

Question

当网站加载到移动设备和/或屏幕小于 767 像素时，我试图用 jQuery 替换内联背景图像。

我尝试执行此操作的站点是:http://vormgegeven.com/

我尝试替换的图像是主页上的第一张图像( slider )(带有“vormgegeven.”的蓝天)。

这一切在我的桌面上运行良好，但在我的任何移动设备上都无法运行。 我试图先提醒旧的背景图像 src，以检查我是否可以访问它，但警报在移动设备上回复为“无”(在桌面上工作正常)。

这似乎是一个 css 定位问题，但我不知道我做错了什么。

希望有人能帮我解决这个问题。

这是 jQuery 代码:

function replacePrimarySliderImage() {
    $oldImg = $("#mainImageHolder .primaryHolder .parallax-slider-img").css('background-image');
    alert($oldImg);
    $newImg = $oldImg.replace("vormgegeven.jpg","vormgegeven_mobile.jpg");
    $( "#mainImageHolder .primaryHolder .parallax-slider-img" ).css("background-image", $newImg);
}

Answer 1

试试这个:

function replacePrimarySliderImage() {

    $newImg = "vormgegeven_mobile.jpg";
    $( "#mainImageHolder .primaryHolder .parallax-slider-img" ).css("background-image", $newImg);
}