css - JQuery - 更改 CSS 背景图片

Question

那么，我的 HTML 中有这个名为“G36C”的 div，我还有一个名为“#G36C”的 CSS 类，所以样式会应用到 div，好吗？

现在，我想使用 JS 更改 CSS 样式中的背景图片，但我似乎无法让它工作，下面是我正在使用的 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");
    }
}

所以，我所做的就是检查 weaponOrg = G36C，然后将 CSS 背景更改为 G36C.png，否则如果 weaponOrg = Vector，则将背景更改为矢量。

现在，当我运行代码时，我只得到要显示的警报(“武器测试”)……其余的警报不显示，这向我表明 if 语句不起作用。 ..?

Answer 1

这是推测，因为您的代码看起来应该可以工作(假设图像在您所说的位置)，但是，您确定 weaponOrganiser() 在 G36C 元素加载到 DOM 中了吗？因为这是唯一的方法(在我有限的测试中)我可以让它失败。

如果您使用的是 jQuery，这意味着(基本修复)将所有 weaponOrganiser 调用包装在 $(...) 调用中。

如果您不使用 jQuery 希望这无论如何都会有所帮助，但我不想发布常规 javascript 的示例，因为虽然我的 jQuery 生锈了，但我真正的 javascript 已经被剪掉了几英里后的路边。 :)