隐藏的分区高度(更改我的建议)

查看jquery 1.4.2和1.3.2源代码,它实际上在调用 width() 或 height() 在隐藏元素上。它设置以下属性:

{ position: "absolute", visibility: "hidden", display:"block" }

然后它获取宽度/高度,并恢复属性的旧值。

所以不需要自己更改属性——jquery将为您处理它。

<编辑与编辑;
这将允许您获取隐藏元素的维度。但是,当元素包含在另一个隐藏元素中时,它将不起作用-您将获得0的高度。在这种情况下,你需要另一个解决方案,可能像 this answer .
<编辑/GT;

以下是1.4.2中源代码的相关位:

cssShow = { position: "absolute", visibility: "hidden", display:"block" },

//[undocumented jQuery.css function which is called by .height() and .width()]
css: function( elem, name, force, extra ) {
    if ( name === "width" || name === "height" ) {
        var val, props = cssShow, ....

        function getWH() {
            ... this function gets the actual width/height into the variable val
        }

        if ( elem.offsetWidth !== 0 ) {
            getWH();
        } else {
            jQuery.swap( elem, props, getWH );
        }

        return Math.max(0, Math.round(val));
    }
    return jQuery.curCSS( elem, name, force );
},

// A method for quickly swapping in/out CSS properties to get correct calculations
swap: function( elem, options, callback ) {
    var old = {};

    // Remember the old values, and insert the new ones
    for ( var name in options ) {
        old[ name ] = elem.style[ name ];
        elem.style[ name ] = options[ name ];
    }

    callback.call( elem );

    // Revert the old values
    for ( var name in options ) {
        elem.style[ name ] = old[ name ];
    }
}

我在获取隐藏元素宽度时遇到了同样的问题,所以我编写了这个插件调用 jQuery Actual 修理它。而不是使用

$('#some-element').height();

使用

$('#some-element').actual('height');

将为隐藏元素或具有隐藏父元素的元素提供正确的值。

您也可以使用

// get hidden element actaul width
$( '.hidden' ).actual( 'width' );

// get hidden element actaul innerWidth
$( '.hidden' ).actual( 'innerWidth' );

// get hidden element actaul outerWidth
$( '.hidden' ).actual( 'outerWidth' );

// get hidden element actaul height
$( '.hidden' ).actual( 'height' );

// get hidden element actaul innerHeight
$( '.hidden' ).actual( 'innerHeight' );

// get hidden element actaul outerHeight
$( '.hidden' ).actual( 'outerHeight' );

完整文档请参见 here . 页面中还包含一个演示。

希望能帮上忙:)

您也可以使用javascript的 scrollHeight 属性。

$("#id_element").attr('scrollHeight')

$('.hidden-element').get(0).height;

给出从DOM元素开始的高度,该高度也是为隐藏元素设置的。