gpt4 book ai didi

jquery - 获取克隆对象的动态高度

转载 作者:行者123 更新时间:2023-12-01 06:58:18 26 4
gpt4 key购买 nike

在 jQuery 中,我想在将克隆对象附加到主体之前获取其高度。

注意:我没有在 CSS 中指定宽度和高度(这是要求)。

可能吗?

<body>

<style>.square {}</style>

<script>
jQuery(function($) {
var o = $(".square").clone(true);
$(o).css('height','auto').html("Some stuff...<br/><br/>");

// output 0 (Question: how to get the height?)
console.log($(o).height());

$(o).appendTo("body");

// output the height (i.e. 38)
console.log($(o).height());
});
</script>
<div class="square"></div>
</body>

最佳答案

由于在将元素添加到文档之前无法可靠地测量元素,因此一种方法是利用绝对定位将元素放置在视口(viewport)之外:

jQuery(function($) {
var $o = $(".square").clone(true);
$o.css("height", "auto").html("Some stuff...<br/><br/>");

$o.css({
position: "absolute",
left: "-10000px"
}).appendTo("body");

console.log($o.height()); // Works.

$o.css("position", "static"); // Reset positioning.
});

关于jquery - 获取克隆对象的动态高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6636555/

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