效果图
建议使用下面的方式
总结:
1.使用$(function){
waterfall()
}
有潜在的bug,这种bug很不容易被发现
如果处理过程中,发现拿不到当前页面的高度,或者有时候能拿到图片的高度,有时候不能拿到。
有时候网络加载比较快,在js执行时图片就已经加载完了;有时候可能对应的图片并没有加载完,js就已经执行,这时候拿到的图片高度和宽度肯定是有问题的
2.返回数组中最小值的索引$.inArray()
3.jquery中innerWidth(),outerWidth(),outerWidth(true)和width()的区别
width()函数用于设置或返回当前匹配元素的宽度
width() = a;
宽度包括元素的padding,但是不包括border、margin部分的宽度
innerWidth()函数用于设置或返回当前匹配元素的内宽度
内宽度包括元素的padding,但是不包括border、margin部分的宽度
innerWidth() = a+padding;
outerWidth()函数用于获取当前匹配元素的外宽度
外宽度默认包括元素的padding、border但是不包括margin部分的宽度
outerWidth() = a+padding+border;
outerWidth(true) = a+padding+border+margin;
所以说:对于同一个元素应该是:
width()<=innerWidth()<=outerWidth()<=outerWidth(true)