Question

我在使用外部js代码设置我的bacground图像时出现问题。这是js的代码：

$(document).ready()
{
mazdaArr = new Array();
    for (i=1;i<6;i++)
    {
        mazdaArr[i-1]= new Image();
        mazdaArr[i-1].src = 'mazda/mazda'+[i]+'.jpg';
    }   
    $('mainContent').css('background-image','url(/mazda/mazda4.jpg)');
    $('mainContent').css('background-image', 'url(' + mazdaArr[3].src + ')');
    console.log(mazdaArr[3].src);
}

一切正常但css attr，因为我可以在控制台看到正确的链接，当我点击它时，图像将以新标签打开。据我所知，来自html页面的jquery调用很好。

在这里找不到问题...

Answer 1

一些事情：

看起来你的字符串是一个数组文字，而不是整数i。因此'string'+[]+'string'实际上是'string' + new Array() + 'string'。
mainContent的选择器需要查找班级或ID，以便.mainContent或#mainContent。
最后，您不需要实例化新的Image，因为jQuery只会使用background-image属性的新字符串更新元素的CSS。

尝试

$(document).ready(function() {
    var mazdaArr = [],
        i = 0;
    for (i; i<5; i++) {
        mazdaArr[i] = 'mazda/mazda'+ i +'.jpg';
    }   

    $('#mainContent').css('background-image', 'url(' + mazdaArr[3] + ')');

    console.log(mazdaArr[3].src);
});

使用外部js文件设置背景图像

1 个答案: