javascript - 网页中动态加载的内容（瀑布流）找不到样式在哪设置的？求大神

Answer 1

之前遇到过，不知道是不是一样的情况。加载完新数据，在添加新DOM时，会触发瀑布流重新布局，这时候图片还没有加载出来，重布局时不知道图片的高度。图片加载完后，因为瀑布流没有重新布局，所以出现了重叠。解决方案是，检测图片加载情况，图片加载完成后再重新布局一次。我们用了[imageLoaded插件]来做的检测。(http://imagesloaded.desandro....
参考：imageLoaded的配置和使用

Answer 2

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>&nbsp;&nbsp;' +
                            hits +
                            '&nbsp;&nbsp;<span class="icon-bubble2"></span>&nbsp;&nbsp;' +
                            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方法一起控制的，你自己慢慢看看