jquery - jQuery修改CSS属性

Question

当 isEndOfGame 变为真时尝试更改背景图像，但它会转到第一个图像，然后停留在该图像上。它每秒钟都会控制台记录一次“运行”，但不会更改图像。

    var endOfGame = {
        isEndOfGame: false,
        displayEndScreen: function() {
            setInterval(function() {
                if (endOfGame.isEndOfGame === true) {
                    console.log("running");
gameController.ctx.clearRect(0, 0, gameController.canvas.width, gameController.canvas.height);
                if ($("#canvas").css('background-image') == 'url(images/endOfGame.jpg)') {
                        $("#canvas").css('background-image', 'url(images/endOfGame1.jpg)');
                    }
                else {
                        $("#canvas").css('background-image', 'url(images/endOfGame.jpg)');
                    }
                }
            }, 1000);
        }
    };

    endOfGame.displayEndScreen();

http://jsfiddle.net/HENHD/1/

如果有人可以将上面的 jsfiddle 与他们自己的图像一起使用（不确定在 jsfiddle 上是否可行）并尝试看看有什么问题，那将不胜感激。

Answer 1

使用 css 更改背景图像，

$("#canvas").css('background-image', 'url(images/endOfGame1.jpg)');

Answer 2

那个属性 $("#canvas") 是什么？attr('背景' , 'url(images/endOfGame1.jpg)');? 可能是必须的 - $("#canvas").attr('style', 'background:url(images/endOfGame1.jpg)');？