在 ipad 上的 Safari 中消失的元素

Question

我用 html 和 jquery 做了一个简单的项目。它适用于所有浏览器，除了 ipad 上的 safari。由于苹果没有 Windows 版本的 safari，我无法检查错误是否明确针对 ipad，但我认为是这样。

问题是从 jquery 获得宽度的照片框，它们根本不出现在 ipad 上。 Chromes 开发者工具设备模式可以正确显示所有内容，并且我有处理较小屏幕的 css 查询，因此只有 ipad 才是问题所在。我也没有找到任何方法可以在 ipad 上进行网络调试。由于我真的不知道错误是什么，因此很难给出代码示例，但我有一个现场演示，您可以查看。对于ipad上的你来说，应该是冬天背景前的照片。

http://www.mj-bygg.se/ipad/default.aspx

Answer 1

我在第一次加载时在桌面 Chrome 上也遇到了同样的错误。如果我刷新，那么图片加载正常，但在第一次访问链接时，我只得到页脚图像（树）。

在第一次加载时，没有应用任何 jQuery 高度/宽度。控制台中没有错误，如果我重新运行该功能，它应该可以正常工作（无需重新加载页面。）

我建议将脚本推到页面下方或使用 $(window).load(function() {} 代替 $(document).ready(function() {}

如果它第一次失败但适用于正在缓存的页面，这是我唯一可以假设的错误。