jquery 布局问题

你跟着老师的视频去敲吧，跟着敲还能出错，这错误就太难找了~我就是跟着老师敲的，一个效果一个效果的去实现

现在又是错误不断 说找不到高度了 everyHeight[i]=boxes[i].height()+40;这句没有问题啊

$(document).ready(function(e){

  var main= $('#main')

  var boxes= $('#main').children('div');

  waterfall(main,boxes);

  });

  function waterfall(main,boxes){ //> 空格，是包含元素>代表所有main下的div 而空格是代表main下的所有子元素

  var boxes= $('#main').children('div');

  var boxWidth=boxes.eq(0).width()+40;//outerWidth代表宽度+padding+边框的值

  var windowWidth=$(window).width();

  var colsNumber=Math.floor(windowWidth/boxWidth);

    //设置容器的宽度

  main.width(boxWidth*colsNumber).css('margin','0 auto');

    //定义每个高度

  var everyHeight= new Array();

   for (var i = 0;i<boxes.length ;i++) {

    if(i < colsNumber){

    everyHeight[i]=boxes[i].height()+40;

    }

    else{

    var minHeight=Math.min.apply(null,everyHeight)

    //var index= minIndex(everyHeight,minHeight)

        var index=$.inArray(minHeight,everyHeight);

       boxes.eq(i).style.position='absolute';

            boxes.eq(i).style.top=minHeight+'px';

            boxes.eq(i).style.left=boxwidth*index+'px';

            boxes.eq(i).style.left=boxes.eq(index).offsetLeft+'px';

            everyHeight.eq(index)+=boxes.eq(i).offsetHeight+20;

    }

    }

  }