在手机上使用jQuery更改背景图片URL（使用内联CSS和PHP添加）

Question

我已经检查了以前的答案，但是每个答案都涉及到添加两个图像，在这种情况下是不可能的，因为已经使用PHP代码内联添加了默认（桌面）图像。

我需要使用jQuery更改手机上的图片网址，而无需修改使用PHP生成的HTML。 这是我所无法使用的，因为使用内联CSS和PHP而不是在样式表中使用纯CSS来添加图像。

由于我无法使用PHP复制并使用内联CSS添加默认图像，因此无法完全复制正在发生的事情。

 $(window).resize(function() { if ($(window).width() < 600) { $( '.div-background' ).css("background-image", "url('//i.ibb.co/QY97QZ6/b.jpg')") } }); 

 .div-background { background-image: url('https://i.ibb.co/sjtFBQb/image.jpg'); background-repeat: no-repeat; height: 100vh; width: 100%; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="div-background"><h1>HEADING</h1></div> 

我也尝试过jQuery .attr('style'

Answer 1

这应该工作

$( '.div-background' ).css({
  "background": "url('//i.ibb.co/QY97QZ6/b.jpg')"
});

Answer 2

尝试在jQuery命令的末尾添加“！important”：

$( '.div-background' ).css("background-image", "url('//i.ibb.co/QY97QZ6/b.jpg') !important")