JQuery не работает в Chrome

Question

Этот код работает правильно в Firefox, но не в Chrome. Если вам нужно больше кода, я был бы рад предоставить его, кнопка изменяет фоновое изображение:

$(document).ready(function() {
var bg = 1;
$("#changePic").click(function () {
    if (bg == 1)
    {
        $("#outerWrapper").css("background-image","url(images/background-lodge1.jpg");
        bg=2;
    }
    else if (bg == 2)
    {
        $("#outerWrapper").css("background-image","url(images/background-lodge2.jpg");
        bg=3;
    }
    else
    {
        $("#outerWrapper").css("background-image","url(images/background-lodge.jpg");
        bg=1;
    }
  });
});

Я не получаю никаких ошибок в консоли Chrome. Спасибо!

Answer 1

Вы не закрываете URL для фона

 $("#outerWrapper").css("background-image","url(images/background-lodge.jpg)");
                                                               was missing ^

Answer 2

Кроме того, вы действительно можете выделить много общего кода:

$(document).ready(function() {
    var bg= 0;
    $("#changePic").click(function () {
        bg= (bg+1) % 3;
        var name= ["lodge", "lodge1", "lodge2"][bg];
        $("#outerWrapper").css("background-image", "url(images/background-"+name+".jpg)");
    });
});

Answer 3

Чтобы увидеть, какие ошибки JavaScript есть в Chrome, нажмите "Ctrl + Shift + I" и перейдите на вкладку консоли.или "Ctrl + Shift + J", чтобы перейти непосредственно на вкладку Консоль.