老师,我的代码一直在提示71行报错
<script>
//等到页面彻底加载完毕,在发送ajax请求
window.onload = function () {
beixiAjax({
type: "get",
url: "demo.php",
data: {},
success: function (res) {
//这个数组模拟ajax请求来的后台数据
// var dataArr = ["images/i1.jpg", "images/i2.jpg", "images/i3.jpg",
// "images/i4.jpg", "images/i5.jpg", "images/i6.jpg", "images/i7.jpg",
// "images/i8.jpg", "images/i9.jpg", "images/i10.jpg", "images/i11.jpg",
// "images/i12.jpg", "images/i13.jpg", "images/i14.jpg", "images/i15.jpg"];
var dataArr = res;
//准备页面元素
var outDiv = document.querySelector(".out");
//当数据准备完毕,先将数据加载到页面
for (var i = 0; i < dataArr.length; i++) {
var div = document.createElement("div");
div.className = "in";
div.innerHTML = "<img src='" + dataArr[i] + "'>";
outDiv.appendChild(div);
}
//构建瀑布流
var inDivs = document.querySelectorAll(".in");
var num = Math.floor(document.documentElement.clientWidth / inDivs[0].offsetWidth);
outDiv.style.width = num * inDivs[0].offsetWidth + "px";
//所有的div(除了第一行)都要定位
//heightArr 用来存放第一行的高度
var heightArr = [];
for (var i = 0; i < inDivs.length; i++) {
if (i < num) {
heightArr.push(inDivs.offsetHeight);
} else {
//其余行
inDivs[i].style.position = 'absolute';
minHeight = Math.min.apply(null, heightArr);
minIndex = heightArr.indexOf(minHeight);
//开启定位
inDivs[i].style.top = minHeight + 'px';
//这里报错
inDivs[i].style.left = inDivs[minIndex].offsetLeft + 'px';
//将数组中高度累加
heightArr[minIndex] += inDivs[i].offsetHeight;
}
}
}
})
}
</script>
