0

我在使用外部 js 代码设置我的免费图像时遇到问题。这是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 调用很好。

找不到这里出了什么问题...

4

1 回答 1

2

一些东西：

  • 看起来您的字符串正在连接数组文字，而不是整数 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);
});
于 2013-10-30T15:17:17.823 回答