我有两个div,一个需要与另一个相同。
var someheight = $('.firstdiv').height();
$('.seconddiv').height(someheight);
这段代码没问题,除非我用空缓存加载页面 - 在这种情况下它根本不运行。我需要重新加载页面才能启动它。
答案 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
的静态高度),大概改变窗口的大小可能会改变它的高度。