如何使用jquery在单击数组中的url时更改背景图像

Question

我有这个。（缩短后的这个帖子不是毫无意义的填充）：

var randomQuote = function() {
    var quotes = [{
      author: "Duke Nukem: Manhatten Project",
      quote: "Come on out, Morphix. There's just two ways this can end, and in both of them, you die!",
      boxart: "http://game-server-hosting.net/wp-content/uploads/2008/12/4235.jpg"
    }];
    var numQuotes = quotes.length;
    var randomIndex = Math.round(Math.random() * numQuotes);
    var quotation = quotes[randomIndex - 1];
    $('.quotebox').html(quotation.quote);
    $('.authorbox').html(quotation.author);
  };

我理解这样的东西是如何工作的：

$('#bg').css({backgroundImage: "url("+imgbg+")"});

我想知道的是，我如何将背景图像从原来的图像更改为数组的方框图部分，而不是普通的url？我用引号.boxart吗？如果是，怎么做？我尝试了几种似乎不起作用的方法：

$('body').css({'background-image': quotation.boxart});
$('body').css({'background-image': 'quotation.boxart'});
$('body').css({'background-image': 'url(quotation.boxart)'});

如果还有其他我还不知道的方法（因为我只是在学习），任何帮助都将不胜感激，谢谢！

Answer 1

这是，正如Johnny所说的"url（'+quotation.boxart+'）"

输入+就成功了！

Answer 2

您应该使用

var randomIndex = Math.floor(Math.random() * numQuotes);
var quotation = quotes[randomIndex];
$(document.body).css({'background-image':'url("'+quotation.boxart+'")'});