Question

我有以下脚本无法正常工作。

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'，即使它似乎继续扩大。任何想法

Answer 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>

脚本分析DIV高度非功能

1 个答案: