在页面调整大小上记录隐藏元素高度

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的大小时，我的错误的实例是*隐藏。但是一旦按下+ / - 它将记录一个高度。

谢谢

Answer 1

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

第一种方式是：

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