Javascript jQuery背景图像url

除了操纵背景图像，我的代码工作得很好。 我有一个图像数组存储每页的图像（在我拍摄更多图像之前，只有2个图像，所以它们是重复的）

由于某些原因，当我单击时图像没有改变

另外，“info”是一个包含页面名称的字符串（这是我较大脚本的一小部分）。而且背景颜色的变化效果很好，只有图像不起作用

$(function () {
var pages = ["home", "about", "portfolio", "misc", "inquire"];

//Finding page corresponding to clicked link
function SetRequest (link, pages)
{
    lookingFor =  ".home";

    for (var i in pages)
    {
        if (link.hasClass(("." + pages[i]).toString()))
        {
            lookingFor = pages[i];
        }
    }

    return lookingFor;
}

//Hiding all other pages, showing page needed
//Also manages hero images/background colours
function ShowCurrentPage (page, pages, lookingFor)
{
    console.log(page, pages, lookingFor);
    if (page.hasClass("." + lookingFor))
    {
        $(".current").animate({opacity: 0}, 600);
        $(".current").removeClass("current");
        $("." + lookingFor).animate({opacity: 1}, 600);
        $("." + lookingFor).addClass("current");
    }

    SetHeroStuffYo(lookingFor);
}

function SetHeroStuffYo (info) {
    images = ['../images/index/hero-image.png', '../images/hero/car.jpg'];

    if (info == "home")
    {
        $("#hero-bg").css({'background-image' : 'url(' + images[0] + ')'});
        $("#heroColour").css({'background-color' : 'black', opacity : 0});
    }
    else if (info == "about")
    {
        $("#hero-bg").css({'background-image' : 'url(' + images[1] + ')'});
        $("#heroColour").css({'background-color' : 'red', opacity : 0.2});
    }
    else if (info == "portfolio")
    {
        $("#hero-bg").css({'background-image' : 'url(' + images[0] + ')'});
        $("#heroColour").css({'background-color' : 'lightgreen', opacity : 0.2});
    }
    else if (info == "misc")
    {
        $("#hero-bg").css({'background-image' : 'url(' + images[1] + ')'});
        $("#heroColour").css({'background-color' : 'cyan', opacity : 0.2});
    }
    else if (info == "inquire")
    {
        $("#hero-bg").css({'background-image' : 'url(' + images[0] + ')'});
        $("#heroColour").css({'background-color' : 'yellow', opacity : 0.2});
    }
}

$(".nav-link a").click(function(){
    ShowCurrentPage($(this), pages, SetRequest($(this), pages));
});});

---

使用浏览器工具检查css样式是否已实际添加（它将位于“样式”属性中）。然后使用浏览器工具确保查找图像时没有错误（如404 not found错误）。CSS文件（相对于CSS文件本身）和添加了JS的CSS（相对于页面本身）的URL的差异可能是一个原因

---

我没有看到任何明显的代码语法错误或任何东西，因此除了这些需要检查的东西之外，我们可能至少需要更多的代码（例如查看标记）如果您能给我们提供一个指向某个实际复制问题的地方的链接，这将非常有帮助。

浏览器的dom inspector中的

hero bg

的背景图像是否发生了更改？可能是因为相对url，

var images=['images/index/hero image.png'，'images/hero/car.jpg']？能否检查图像是否位于正确位置？尝试为图像提供绝对路径所有图像都在正确的位置，我也尝试过使用绝对路径…
console.log（）
每种情况下的图像现在都在切换，只是因为一些奇怪的原因没有显示，它们的大小都相同（这很奇怪）…^选择了错误的元素（典型），图像正在更改。只是没有显示。。。