Javascript 调整页面大小时记录隐藏元素的高度

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

脚本在页面加载时工作并记录一个高度，但在调整大小后，它会恢复为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的大小时，我的bug的一个实例是*隐藏的。但一旦按下+/-键，它将记录一个高度

---

谢谢

您无法获取隐藏元素的高度。您可以显示该元素并获取其高度，然后隐藏该元素，也可以将该元素放置在页面上，这样用户就看不到该元素

第一种方法是：

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

---

隐藏的元素没有高度，在调整大小的过程中显示元素以获得其高度，然后在调整大小完成后再次隐藏。同样，请看：是的，我想一定有办法做到这一点。一定有人在调整大小时遇到了这个问题。FDL他们可以工作，但问题是如果我通过显示然后隐藏来获得高度，当他们切换+/-按钮并重新调整大小时，它会关闭。谢谢你的回答，让我发疯this@BrentFrench：尝试使用

.height（）

而不是

.actual（'height'）