从jquery数组加载css背景图像

Question

我试图通过从图像数组中加载div来更改div的背景图像。我已经在其他StackOverflow线程上查找了语法，我认为这应该可行：

 var pictures = ['pic1.jpg', 'pic2.jpg', 'pic3.jpg'];
 mainPhoto.css("background-image", "url(' + pictures[0] + ')";

但它肯定不起作用。事实上，它使我的其余代码表现得非常奇怪，所以我现在只是注释掉了。知道我做错了什么吗？

Answer 1

只是语法错误：

var pictures = ['pic1.jpg', 'pic2.jpg', 'pic3.jpg'];
mainPhoto.css('background-image', 'url(' + pictures[0] +')');

Answer 2

使用

mainPhoto.css("background-image", "url(" + pictures[0] + ")");
                                                            ^-- also missing this

只是字符串连接问题，将"与'混合并且缺少右括号。