Jquery窗口高度搞砸了

时间:2013-05-14 14:07:39

标签: jquery ruby-on-rails firefox firebug

我正在使用jquery-rails 2.2.1和jquery 1.9.1 如果我打开萤火虫并运行$(窗口)。高度(),则高度为921。 如果我关闭并打开萤火虫(相同大小)我的$(窗口).height()更改为1130 如果我尝试调整firebug窗口的大小,我会得到这些值

>>> $(window).height()
921
>>> $(window).height()
4276
>>> $(window).height()
6106
>>> $(window).height()
7326

我的firefox是21.0和firebug 1.11.3。

我不知道发生了什么我想象问题是萤火虫,这是获取窗口大小的正确方法(没有文件)? 我正在使用它在屏幕中间居中一个div

$(document).ready(function(){
   WSH = $(window).height();
   WSW = $(window).width();
   addSH = (WSH/2) - ($('#addSituation').height()/2);
   addSW = (WSW/2) - ($('#addSituation').width()/2);    
   $('#addSituation').animate({'margin-top': addSH}, 1000);
}

第一次打开div它的罚款,如果我打开并关闭萤火虫它会混乱,如果我调整萤火虫的大小,那么它会一直向下。 我将rails-jquery更新到了上一个版本。 有解决方法吗? 还有另一种方法吗?

注意:这个div在另一个文件中,我用$(“。myDiv”)。load()加载它。 $(文件).ready在这个div里面。

我需要获得可见区域高度。因此,即使我弄乱了“页面”高度,它也将仅限于我的显示器尺寸。 我的调整大小事件:

$("#layoutInside").css("min-height", ($("#showContent").height() > $("#menu").height() ? $("#showContent").height() : $("#menu").height()) + $(".footer").height() + 60)

问题是窗户高度和文件高度是一样的.1008高度还可以,但我希望我在显示器中看到的区域不是整个文档区域。

在纯JS中它起作用

>>> window.innerHeight
502
>>> $(window).innerHeight()
1008

问候。

1 个答案:

答案 0 :(得分:-2)

请务必先提出<!DOCTYPE html>。 我遇到了同样的问题,这对我有用。