代码有错吗? i 一循环到7就出现错误

来源:2-4 JavaScript实现瀑布流布局中图片排序

若華

2015-03-20 11:54

//我没有oBoxw .是直接获取了存到oParent
//其他地方都没错. 就hArr数组第七个图片开始就没了..我是一排6张图	
		var hArr=[];
	for(var i=0;i<oParent.length;i++){
		console.log(i);
		if(i<cols){
			hArr.push(oParent.eq(i).outerHeight());
			}else{
				var minH=Math.min.apply(null,hArr);//求数组最小值,图片最小高度 console.log(minH);
				var index=$.each(hArr,function(i,n){
					if(n==minH)	return i;//最小值的索引
					});
				oParent.eq(i).css({'position':'absolute','top':minH,'left':oBoxW*index});
				//left可设置oParent.eq(i).offset().left;
				hArr[index]+=oParent.eq(i).height();
				console.log(hArr[index],oParent.eq(i).height());
			}
		}
		//六张图片高度
		console.log(hArr,length);
	}
		//六张图片高度
		console.log(hArr,length);



google调试:



1

2

3

4

5

6

NaN 150

7

NaN 278

8

NaN 150

9

NaN 278

10

NaN 150

11

NaN 278

12

NaN 150

13

NaN 278

14

NaN 150

15

NaN 278

16

NaN 150

17

NaN 278

[165, 293, 165, 293, 165, 293, 165,293,165,293,165,293: NaN] 0


写回答 关注

2回答

  • Perona
    2015-03-20 12:10:22

    恭喜你,你都学会自问自答!自己解答~~多好,这是培养独立思考节奏啊~~~

  • 若華
    2015-03-20 12:04:17

    找到错误了..学了一早上-.-


    ~~~~~

    each返回的是数组 而不是 i  ~

    -.-


瀑布流布局

瀑布流布局是网站比较流行的一种布局方式,教你实现三大方式

97759 学习 · 736 问题

查看课程

相似问题