JQuery-更改CSS背景图像

JQuery-更改CSS背景图像,css,image,background,Css,Image,Background,因此,我的HTML中有一个名为“G36C”的div,我还有一个名为“#G36C”的CSS类,所以样式应用于div,好吗 现在,我想使用JS更改CSS样式中的背景图像,但我似乎无法使其正常工作,下面是我正在使用的JS: function weaponOrganiser(){ alert("weapon test"); var weaponOrg = "Vector"; //G36C if(weaponOrg == "G36C"){ //$("#G

因此,我的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,则将背景更改为Vector


现在,当我运行代码时,我只得到警报(“武器测试”)来显示。。。其余的警报没有显示,这对我来说意味着if语句没有工作…?

这是推测,因为您的代码看起来应该工作(假设图像在您所说的位置),但是,您确定
weaponOrganizer()
是在
G36C
元素加载到DOM中后触发的吗?因为这是(在我有限的测试中)我能让它失败的唯一方法

如果您使用jQuery,这将意味着(基本修复)在一个
$(…)
调用中包装任何调用
WeaponOrganizer


如果您不希望使用jQuery,这将有所帮助,但我不想发布一个常规javascript的示例,因为虽然我的jQuery已经生锈,但我真正的javascript已经断开,并在几英里前被丢弃了。:)

错误控制台中有错误吗?文档中是否有id为
#G36C
的元素?抱歉,没有错误。。还有,我的部门不是叫“武器”。。。它的名字叫‘G36C’Waaaait!-我确实收到一个错误“未捕获引用错误:图像未定义”您是否收到武器测试警报?