gpt4 book ai didi

javascript - 如何在 jquery 中找到容器的总高度?

转载 作者:行者123 更新时间:2023-11-29 21:53:42 25 4
gpt4 key购买 nike

我借助拖放功能制作厨房布局。如果我为厨房选择 10 X 10 的布局,则必须在该区域进行一些验证。假设我将一堵 5x5 的墙放到该区域,然后如何找到剩余的高度和宽度以及垂直或水平放置的位置...

最佳答案

假设您的厨房布局和墙壁

<body>
<div class="kitchen">
<div class="wall">
</div>
</div>
</body>

上面应该是你的html原型(prototype)

现在使用:

var wallHeight = $('.wall').height(); // Gives wall's height
var wallWidth = $('.wall').width(); // Gives wall's width
var kitchenHeight = $('.kitchen').height(); // Gives kitchen height
var kitchenWidth = $('.kitchen').width(); // Gives kitchen width
var leftHeight = kitchenHeight - wallHeight,
leftWidth = kitchenWidth - wallWidth;
// Gives remaining width and height

关于javascript - 如何在 jquery 中找到容器的总高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27587844/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com