隐藏DIV，直到其项目以其默认高度包装

Question

我不知道我的问题标题是否足够好，让我在这里解释

在http://www.wholesalerhinestones.org/上有一个类sj-responsive-listing

的DIV

当加载网站时，该网站内的产品遍布网站上的所有位置，一秒钟之后，这些产品将被包装在指定的hight

内

我想做的是隐藏那个DIV，直到所有产品都被包裹在DIV中到指定的高度。

我试过了

.sj-responsive-listing{
display:none;
}

然后

    $('.sj-responsive-listing').load(function() {
        // When the page has loaded
        $('.sj-responsive-listing').show();
    });

直接在SCRIPT内部，在sj-responsive-listing类的DIV之后，但它不起作用。 DIV甚至没有显示。

我也只尝试过

  $('.sj-responsive-listing').show();

但是再次显示所有产品，经过一段时间后将其包裹在高度内

我尝试的东西不在

Answer 1

.load没有按照您的想法行事。

尝试.ready，如下所示：

$( document ).ready(function() {
  // Handler for .ready() called.
  $('.sj-responsive-listing').show();
});

Answer 2

检查waitforimages和imagesloaded

你可以这样做：

$('.mydiv').waitForImages(function(){
  $(this).show();
});

Answer 3

尝试将固定高度赋予该div并将css overflow: hidden提供给相同的div，以便它不显示额外的项目。