jquery获取不到真实高度?

发布于 2025-01-08 03:48:38 字数 281 浏览 1 评论 0原文

我试图找出为什么 jquery 无法返回 jquery-mobile 标头的实际高度,请参阅此屏幕截图: http://i43.tinypic.com/21epavn.png,标题高42px,jquery返回

>$('body').find('div[data-role=header]').css('height') 
"40px"

什么问题?

I am trying to find out why jquery can't return the actual heigth of the jquery-mobile header, see this screenshot: http://i43.tinypic.com/21epavn.png, the header is 42px high, and jquery returns

>$('body').find('div[data-role=header]').css('height') 
"40px"

What's wrong?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜扑 2025-01-15 03:48:38

我猜测(可能是错的,但我的第一个想法......)元素的高度是 40px,然后它周围有 1px 的边距/填充/边框。尝试在 CSS 中指定以下内容:

div[data-role=header] {margin:0;border:0;padding:0}

看看是否仍然存在此问题?

根据 Rob W 的说法,jQuery 中有一个 .outerHeight() 函数,它将在计算中包含填充。如果您不想删除填充,请考虑使用它。

I'm guessing (could be wrong, but my first thought...) that the height of the element is 40px, and then it has a 1px margin/padding/border wrapped around it. Try specifying the following in your CSS:

div[data-role=header] {margin:0;border:0;padding:0}

and see if you still have this problem?

According to Rob W, there is a .outerHeight() function in jQuery which will include the padding in its calculation. Consider using that instead if you don't want to remove your padding.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文