使用jQuery在手机上更改背景图像URL(使用带有PHP的Inline CSS添加)

Question

我已经检查了以前的答案，但是每个答案都与添加两个图像有关，在这种情况下，由于默认（桌面）映像已经使用PHP代码添加了内联映像。

我需要使用jQuery上移动器上的图像URL，而无需修改使用PHP生成的HTML。这是我所拥有的，因为使用php的内联CS添加图像，而不是在样式表中使用纯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命令的末端添加"！

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