84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
学习是最好的投资!
之前遇到过,不知道是不是一样的情况。加载完新数据,在添加新DOM时,会触发瀑布流重新布局,这时候图片还没有加载出来,重布局时不知道图片的高度。图片加载完后,因为瀑布流没有重新布局,所以出现了重叠。解决方案是,检测图片加载情况,图片加载完成后再重新布局一次。我们用了[imageLoaded插件]来做的检测。(http://imagesloaded.desandro....参考:imageLoaded的配置和使用
var appendStr =
'<p class="grid"><a href="/Forum/Posts?id=' + data.Id + '" ><p class="imgholder"><img class="lazy" src="' + dataHotImage + '" /></p>' + '<p class="t">' + nameStr + '</p><p class="s"><span class="icon-eye"></span> ' + hits + ' <span class="icon-bubble2"></span> ' + replyNumber + ' </p><p class="m"><dd><img src="' + /*data.UserHeadImage*/imgUrl + '"/></dd>' + '<dt>' + data.NickName + '</dt></p></a></p>'; alAppStr += appendStr; //添加到容器中 }); $(".container").append(alAppStr); dynamicGrid(); /*var allImg = $(".container").find("img"); var callback = function () { $(".container") .BlocksIt({ numOfCol: 5, offsetX: 8, offsetY: 8, blockElement: '.grid' }); }; 貌似是这一坨,加上scroll方法一起控制的,你自己慢慢看看
之前遇到过,不知道是不是一样的情况。加载完新数据,在添加新DOM时,会触发瀑布流重新布局,这时候图片还没有加载出来,重布局时不知道图片的高度。图片加载完后,因为瀑布流没有重新布局,所以出现了重叠。解决方案是,检测图片加载情况,图片加载完成后再重新布局一次。我们用了[imageLoaded插件]来做的检测。(http://imagesloaded.desandro....
参考:imageLoaded的配置和使用
var appendStr =