cuốn sách gpt4 ai đã làm

JQuery,由于图像内容错误识别了 div 的高度

In lại Tác giả: Walker 123 更新时间:2023-11-28 16:42:15 29 4
mua khóa gpt4 Nike

我有两个相邻的 div(DivLeft、DivRight),它们被包裹在 DivHolder 中。 DivRight 包含另一个 div,因此在高度上扩展。我希望 DivLeft 的最小高度与 DivRight 的最小高度相同。

HTML 看起来大致像这样:







....


试过这个脚本

$(document).ready(function () {
if ($(".DivHolder").length > 0) {

$(".DivLeft").css("minHeight", $(".DivRight").height());
}
}

并且它向 DivLeft 附加了一些高度,但是一个错误的高度。我检查了DivRight的高度,是720px,但是最小高度的DivLeft增益是241px。 DivRight 中包含的任何 div 都不具有此高度。这似乎是一个“随机”值。有人看到问题了吗?

Cảm ơn!

biên tập:我发现问题的根源是 DivRight 中包含的一些 div 包含图像。当我调用我的函数时这些图像没有加载,因此 DivRight 看起来更短。

我将 $(document).ready(function () 更改为 $(window).load(function() {,但现在我可以看到 DivLeft 跳跃 的高度(最初是原来的设置高度并在加载图像后扩展)。这看起来很糟糕。有什么改进的技巧吗?

câu trả lời hay nhất

在你的情况下......

$('.DivLeft').css('min-height', $('.DivRight').height());

Thử nghiệm: http://jsfiddle.net/tE6ER/


或者类似..(等高)

$('.DivLeft, .DivRight').height(
Math.max(
$('.DivLeft').height(),
$('.DivRight').height()
)
);

Thử nghiệm: http://jsfiddle.net/2WPwu/

关于JQuery,由于图像内容错误识别了 div 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19952874/

29 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress