jQuery .height() 属性不起作用

发布于 2024-08-29 13:21:34 字数 1036 浏览 2 评论 0原文

我正在尝试使用 jQuery 获取元素的高度,但收到一些意外的结果。代码如下:

$(function() { 
    var contentheight = $('#subpage-content-small').height;
    alert(contentheight);
});

其中 #subpage-content-small 具有这些 CSS 属性:

#subpage-content-small { width: 400px; float: left; margin: 30px 10px 0 0; padding-bottom: 45px; }

我得到的警报输出如下:

function (f) { var e = this[0]; if (!e) { return f == null ? null : this; } if (c.isFunction(f)) { return this.each(function (j) {var i = c(this);i[d](f.call(this, j, i[d]()));}); } return "scrollTo" in e && e.document ? e.document.compatMode === "CSS1Compat" &&  e.document.documentElement["client" + b] || e.document.body["client" + b] : e.nodeType === 9 ? Math.max(e.documentElement["client" + b], e.body["scroll" + b], e.documentElement["scroll" + b], e.body["offset" + b], e.documentElement["offset" + b]) : f === w ? c.css(e, d) : this.css(d, typeof f === "string" ? f : f + "px"); }

知道为什么我得到这个而不是高度的整数吗?提前致谢!

I'm attempting to get the height of an element using jQuery, but am receiving some unexpected results. Here's the code:

$(function() { 
    var contentheight = $('#subpage-content-small').height;
    alert(contentheight);
});

Where #subpage-content-small has these CSS properties:

#subpage-content-small { width: 400px; float: left; margin: 30px 10px 0 0; padding-bottom: 45px; }

What I'm getting as an output for my alert is the following:

function (f) { var e = this[0]; if (!e) { return f == null ? null : this; } if (c.isFunction(f)) { return this.each(function (j) {var i = c(this);i[d](f.call(this, j, i[d]()));}); } return "scrollTo" in e && e.document ? e.document.compatMode === "CSS1Compat" &&  e.document.documentElement["client" + b] || e.document.body["client" + b] : e.nodeType === 9 ? Math.max(e.documentElement["client" + b], e.body["scroll" + b], e.documentElement["scroll" + b], e.body["offset" + b], e.documentElement["offset" + b]) : f === w ? c.css(e, d) : this.css(d, typeof f === "string" ? f : f + "px"); }

Any idea why I'm getting this as opposed to an integer of the height? Thanks in advance!

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

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

发布评论

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

评论(2

南风几经秋 2024-09-05 13:21:34
var contentheight = $('#subpage-content-small').height();

它是一个函数,而不是一个属性。

var contentheight = $('#subpage-content-small').height();

It's a function, not a property.

撕心裂肺的伤痛 2024-09-05 13:21:34

来自 jquery:

.css('height') 之间的区别
.height() 是后者
返回一个无单位的像素值(对于
例如,400)而前者返回
单位完整的值(对于
例如,400 像素)。 .height() 方法
当元素的
高度需要用于
数学计算。

尝试将其称为 height() 而不是 height

From jquery:

The difference between .css('height')
and .height() is that the latter
returns a unit-less pixel value (for
example, 400) while the former returns
a value with units intact (for
example, 400px). The .height() method
is recommended when an element's
height needs to be used in a
mathematical calculation.

Try calling it as height() instead of height

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