隐藏DIV，直到其项目被包裹在其默认高度

Hide DIV until its items are wrapped in its default height

本文关键字：包裹 默认 高度 项目 隐藏 DIV      更新时间：2023-09-26

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

Onhttp://www.wholesalerhinestones.org/有一个类别为sj-responsive-listing 的DIV

当站点加载时，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();

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

我尝试的东西不在

上

.load不会做你认为它会做的事情。

尝试.ready，如下所示：

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

检查等待图像和图像加载的

你可以做例如：

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

尝试给该div指定固定的高度，并给同一div指定css overflow: hidden，这样它就不会显示额外的项目。

相关文章：