在页面调整大小时记录隐藏元素高度答案

【问题标题】：Log Hidden Element Height on Page Resize在页面调整大小时记录隐藏元素高度
【发布时间】：2013-05-24 10:32:32
【问题描述】：

我正在尝试使用重新调整页面大小后记录隐藏元素的高度。

http://dreamerslab.com/blog/en/get-hidden-elements-width-and-height-with-jquery/

脚本工作并在页面加载时记录一个高度，但在调整大小后它恢复为 0。我需要获取此元素的高度来修复我的滑动跳转错误。

目前我有

jQuery(document).ready(function(){


        doResize();
        jQuery(window).on('resize', doResize);      

        $("#one").hide();
        $("#two").hide();
        $("#three").hide();
        $("#four").hide();
        $(".orangetoggle").hide();
 });

  function doResize() {
        var orangeheight = $('.orangetoggle').actual('height');
        console.log(orangeheight);
  }

当您重新调整日志输出 0 的大小时，我的错误的一个活生生的例子是 *hidden。但是一旦您按下 + / - 它就会记录一个高度。

谢谢

【问题讨论】：

隐藏元素没有高度，在调整大小时显示该元素以获得它的高度，然后在调整大小完成后再次隐藏它
另见：stackoverflow.com/questions/9117738/…
是的，我只是想一定有某种方法可以做到这一点..有人必须在调整大小时遇到这个问题。 FDL 他们工作，但问题是如果我通过显示然后隐藏它来获得高度，当他们切换 +/- 按钮并重新调整大小时，它会关闭它。

标签： javascript jquery css

【解决方案1】：

您无法获取隐藏元素的高度。您可以显示它获取高度然后隐藏元素，也可以将元素放置在页面上，使其对用户不可见。

第一种方法是：

function doResize() {
    var orangeheight = $('.orangetoggle').show().actual('height');
    $('.orangetoggle').hide()
    console.log(orangeheight);
}

【讨论】：

谢谢你的回答，让我发疯试图解决这个问题
@BrentFrench：尝试使用.height() 而不是.actual('height');