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

Question

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

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。但是一旦您按下 + / - 它就会记录一个高度。

谢谢

Answer 1

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

第一种方法是：

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