调整div高度不适用于空缓存

时间:2015-10-22 08:40:42

标签: jquery

我有两个div,一个需要与另一个相同。

var someheight = $('.firstdiv').height();
$('.seconddiv').height(someheight);

这段代码没问题,除非我用空缓存加载页面 - 在这种情况下它根本不运行。我需要重新加载页面才能启动它。

1 个答案:

答案 0 :(得分:2)

您需要回复窗口<modal-dialog show='modalShown' width='750px' height='90%'> <p>Modal Content Goes here<p> </modal-dialog> resize事件,可能是您拥有load中的图片等资源,这些资源会在加载时更改其高度。因此,如果您过早运行代码,则使用错误的高度,然后图像会加载并更改.firstdiv高度。

E.g:

.firstdiv

第一个电话是最主动的,然后我们在DOM完成时再次拨打电话,然后我们再次在function syncHeights() { var someheight = $('.firstdiv').height(); $('.seconddiv').height(someheight); } syncHeights(); $(document).ready(syncHeights); $(window).on("load resize", syncHeights); load上再次呼叫 。 (如果您的脚本位于HTML的末尾,就在结束resize标记之前,并且您使用的是最新版本的jQuery,则可以取消</body>调用,它是多余的[虽然无害]。但是有一些版本会出现错误,这使得ready在DOM准备好之前不完全可靠。它已得到修复。)

请注意,无论图像是否正在加载,您都需要height;因为resize的大小显然不是静态的(否则你只是使用.firstdiv的静态高度),大概改变窗口的大小可能会改变它的高度。