javascript - jQuery - $(document).ready 还没准备好

Question

我在 Firefox 移动版中遇到了这个奇怪的问题。其他浏览器没有这个问题。

$(document).ready(function(){ alert( $(window).height()); });

这总是打印出错误的窗口高度。它实际上是 1544px，但警报显示 480px。现在，如果我在当前警报之前添加一个简单的警报:

$(document).ready(function(){ alert("wait");  alert($(window).height()); });

然后突然给出了正确的高度。因此，我认为 onready 事件在文档实际准备好之前触发，第一个警报等待，为文档准备好足够的时间。有谁知道如何通过这个？

编辑: $(window).load 有同样的问题

EDIT2: 我对此研究得越多，它就越奇怪。似乎在完全下载 jquery 文件之前触发了 window onload 事件。这是第一个测试:http://visore.org/test/test1.html在访问该页面之前，您必须清除缓存数据(菜单 -> 设置 -> 隐私 -> 立即清除)。您会注意到，如果您继续多次重新加载页面，有时会给出正确的高度(大多数情况下只有在清除缓存后的第一次访问才会显示不正确的高度)。这是带有 2 个警报的第二个测试:http://visore.org/test/test2.html这个总是给出正确的高度。同样，问题仅出现在 Firefox Android 移动版上。

Answer 1

$(document).ready 在页面准备好由 jQuery 操作时触发。你应该使用:

$( window ).load(function() {
      alert( $(window).height());
});