javascript - jQuery设置CSS背景图片

我正在使用jQuery脚本动态设置背景，但是.css函数似乎无法正常工作。这是脚本：

$(document).ready(function () {

    $(".VociMenuSportG").each(function () {

        var fullHref = $(this).find('a').attr('href');
        console.log(fullHref);
        var pos = fullHref.indexOf("IDSport=") + 8;
        console.log(pos);
        var sportNum = fullHref.substr(pos, 3);
        console.log(sportNum);
        var imageName;

        switch (sportNum.toString()) {

            case '523':
                imageName = "../Images/soccer_ball01.png";
                break;
            case '468':
                imageName = "../Images/soccer_ball01.png";
                break;
        }

        console.log(imageName);
        $(this).css('background-image', 'url (' + imageName + ')');

    });
});

该脚本遍历每个项目（VociMenuSportG），在列表项目中找到链接的路径，然后设置列表项目的背景图像。脚本成功运行，没有错误，并且使用console.logs我可以看到选择了正确的路径。但是，背景图像根本没有设置？我想知道我是否可能以某种方式错误地使用了.css函数？

编辑

尝试将图像的路径设置为绝对路径，而不是相对路径，但仍然没有运气

最佳答案

您遇到的问题是url和(之间的空格。删除它将起作用的空间。

 $(this).css('background-image', 'url(' + imageName + ')');