jQuery修改CSS屬性

Question

在isEndOfGame變為true時嘗試更改背景圖像，但它會轉到第一個圖像，然后停留在該圖像上。 它console.logs每秒“運行”，但不更改映像。

    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（'background' ，'url（images / endOfGame1.jpg）'）;? 可能是-$（“＃canvas”）。attr（'style'，'background：url（images / endOfGame1.jpg）'）;嗎？