我不知道我的问题标题是否足够好,让我在这里解释
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
,这样它就不会显示额外的项目。