JQuery - изменить фоновое изображение CSS

Question

Итак, у меня есть этот div в моем HTML под названием «G36C», у меня также есть класс CSS под названием «# G36C», поэтому стиль применяется к div, хорошо?

Теперь я хочу изменить фоновое изображение в стиле CSS с помощью JS, но я не могу заставить его работать, ниже приведен JS, который я использую:

function weaponOrganiser(){

    alert("weapon test");
    var weaponOrg = "Vector";

    //G36C
    if(weaponOrg == "G36C"){
        //$("#G36C").css('background-image', 'url("' + images/weapons/G36C/G36C.png + '")');
        $('#G36C').css('background-image', 'url("/images/weapons/G36C/G36C.png")');
        alert("G36C applied");
    }
    else if(weaponOrg == "Vector"){
        //$("#G36C").css('background-image', 'url("' + images/weapons/Vector/Vector.png + '")');
        $('#G36C').css('background-image', 'url("/images/weapons/Vector/Vector.png")');
        alert("Vector applied");
    }
}

Итак, все, что я делаю, это проверяю, не ли оружейное оружие = G36C, затем меняем фон CSS на G36C.png, в противном случае, если gunOrg = Вектор, затем меняем фон на вектор.

Теперь, когда я запускаю код, я получаю только предупреждение («тест оружия»), чтобы показать ... остальные предупреждения не отображаются, что говорит мне о том, что оператор if не работает. ..

Answer 1

Это предположение, потому что ваш код выглядит так, как будто он должен работать (при условии, что изображения находятся там, где вы говорите), но вы уверены, что weaponOrganiser() запускается после загрузки элемента G36C в DOM? Потому что это единственный способ (в моих ограниченных тестах), что я могу заставить его потерпеть неудачу.

Если вы используете jQuery, это будет означать (базовое исправление) перенос любых вызовов weaponOrganiser в вызов $(...).

Если вы не используете jQuery, надеюсь, это все равно поможет, но я не хочу публиковать пример для обычного javascript, потому что, хотя мой jQuery ржавый, мой настоящий javascript уже срезан на обочине несколько миль назад. :)