未捕获的TypeError:无法读取未定义的属性“0”

时间:2012-07-03 12:08:09

标签: javascript jquery undefined

我一直在撞击各种无生命的物体。我正在使用jQuery创建一个促销横幅旋转的东西。每2秒(我将来会更改它,只是为了测试它的简短),图像和标题会发生变化。

这很好用,它在它们之间旋转,当它到达最后一个时,它会回到开头。但是当我点击一个,然后它回到开头(或者我明确地点击第一个),当它接下来试图旋转它时抛出这个:

Uncaught TypeError: Cannot read property '0' of undefined /ftwc/:178
changeImage
rotate

关于我的两个功能。我不明白为什么!

这是脚本:

changeImage = function(num) {        
  $(".currentpromoimage").before('<div class="promoimage newpromoimage" style="background: url(\''+images[num][0]+'\') no-repeat; z-index: 1;"><div class="caption" style="color: #'+images[num][2]+'">'+images[num][1]+'</div></div>');

  $(".currentpromoimage").fadeOut(700,function(){
      $(".newpromoimage").addClass("currentpromoimage");
      $(".newpromoimage").removeClass("newpromoimage");
      $(this).remove();
  });

  $(".newpromoimage").fadeIn(700);

  $("#promoselect").children().children().css('background', '#303030');

  $("#ps_"+num).css('background', '#000000');

  currentImage = num;

};

rotate = function() {

    var imageLength = images.length-1;

    if (currentImage == imageLength) {
        changeImage("0");
    } else {
        var nextImage = currentImage+1;
        /*alert("nextImage:"+nextImage);*/  
        changeImage(nextImage);
    }

};

var selectors = "";

var preloads = '';

for(var i=0;i<images.length;i++) {
    preloads += '<img src="'+images[i][0]+'" alt="preloaded" class="preload">';

    selectors += "<li id=\"ps_"+i+"\"></li>";
 }

 $("body").prepend(preloads);

 $("#grass").after('<div id="promo"><div id="promoselect"><ul></ul></div><div class="promoimage currentpromoimage" style="background: url(\''+images[0][0]+'\') no-repeat; z-index: 1;"><div class="caption" style="color: #'+images[0][2]+'">'+images[0][1]+'</div></div></div>');

    var currentImage = 0;

    $("#promoselect").children().append(selectors);

    $("#ps_0").css('background', '#000000');

    $("#promoselect")
        .children()
        .children()
        .click(function() {
            var selector = $(this).attr("id").split("_");

            clearInterval(autoimage);

            changeImage(selector[1]);

            autoimage = setInterval(rotate,2000);   
    });

    autoimage = setInterval(rotate,2000);

这是在jQuery文档就绪函数内部调用的,而images是使用json_encode从PHP编码的数组。我知道它现在很乱,但我无法弄清楚为什么这些函数看起来不明确..

谢谢!

1 个答案:

答案 0 :(得分:0)

您经常使用image变量,但不要在任何地方(或错误)定义它。在第一行中,images[num]将评估为undefined,在访问images[num][0]时会出错。