脚本分析 DIV 高度无功能答案

【问题标题】：Script analysing DIV height non function脚本分析 DIV 高度无功能
【发布时间】：2012-10-29 15:29:19
【问题描述】：

我的以下脚本似乎无法正常工作。

var height = $('#sidebar1').height();
var pageHeight = $(window).height();

if ((height) > 600) {
  alert('haha');
}

这个脚本的必然结论是让它根据 pageHeight 而不是 600 进行分析，但即使使用 600，我也无法让它工作。

我只能得出结论，这与 div: #sidebar1 是一个浮动的棒元素有关。这是它的 CSS。

.sidebar { float: right; width: 190px; padding-top:8px; }

脚本是加载的一部分，其中 div: #sidebar1 的高度会随着表单中的选择加载内容而扩展。

任何想法，

太棒了

编辑：通过将警报包含为元素的高度，我们现在可以看到高度卡在“430”，尽管它似乎继续扩展。任何想法

【问题讨论】：

我们能不能也看看 html 标记
另外，你为什么不在比较之前提醒高度，看看你是否在比较你认为自己是什么
尝试警报高度，看看里面有什么。
从警告高度我们可以看到，尽管高度似乎在继续扩大，但高度仍停留在“430”
检查火灾错误是否存在计算高度等...或检查元素 DOM 以找到 #sidebar1 的实际高度

标签： jquery html height expand

【解决方案1】：

我尝试了以下对我有用的方法。检查 div 元素的id 和class 属性，并确保内容实际上大于600（高度），您可以尝试添加else 语句来查看您的高度：

$(document).ready(function(e) {
var height = $('#sidebar1').height();
var pageHeight = $(window).height();

    if ((height) > 600) {
        alert('haha');
    }

    else {
        alert(height);
    }
});


.sidebar { 
    float: right; 
    width: 190px; 
    padding-top:8px; 
}


<div id="sidebar1" class="sidebar">
    <img src="SomeContent.png" width="190" height="601" />
</div>

【讨论】：