javascript - 元素在 ipad 上的 safari 中消失

Question

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

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

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

Answer 1

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

在第一次加载时，没有应用任何 jQuery 高度/宽度。控制台中没有错误，如果我重新运行该函数，它会正常工作(无需重新加载页面。)

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

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