jquery在多个背景上更改css背景位置

我试图通过jquery根据分辨率更改元素的背景图像位置。守则：

var pwwidth = $(window).width();
var pwheight =  $(window).height();
var bg1posx = pwwidth - $('h1.portofolio').width();
var bg1posy = pwheight - $('.footer').height();
var bg2posx = $('.leftporto').width() - (pwwidth * 0.05);
var bg2posy = ($('h1.portofolio').height() / 2 ) + $('h1.portofolio').css('margin-top').replace('px', '');
$('#content4').css('background-position', bg1posx+'px' bg1posy+'px', bg2posx+'px' bg2posy+'px');

在CSS中，您可以更改元素的多个背景，如下所示：

background-position: 100px 200px , 300px 400px;
background-position: 10% 20% , 30% 40%;

我无法将其定义为使用jquery进行更改，因为这将不起作用

$('#content4').css('background-position', bg1posx+'px' bg1posy+'px', bg2posx+'px' bg2posy+'px');

代码中存在语法错误（字符串连接不正确）：

坏：

css（'background-position'，bg1posx+'px'bg1posy+'px'，bg2posx+'px'bg2posy+'px'）

好：

css（'background-position'，bg1posx+'px'+bg1posy+'px'，+bg2posx+'px'+bg2posy+'px'）；​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

$("#your_div_id").css("background-position","-100px 0px, 0px 5px");

这将移动第一个背景（左侧100px） 第二个（从顶部起5倍）

我用这种技术来建立一个滑块倒计时

---

看一看

我尝试了这个，它为我创建了另一个错误。它说我在window.resize和document.ready上调用的函数没有定义。我一评出这行，你就纠正了错误。有什么原因吗？你能不能也发布完整的JS和HTML代码？这将更容易帮助。我应该将我的代码作为答案发布，还是应该将所有内容都放在网上，而不管它是否停止工作？好的，我的错误是其中一个字符没有被识别，但它仍然只影响背景图像1而不是2，因此它添加了元素。样式{background position:bg1posx bg1posy}对于bakcground 2，值不匹配。感谢您的帮助，因为我复制粘贴了导致错误的语法。现在可以工作了谢谢