javascript - 为什么我的 Javascript 网页不能在 iPad/iPhone 上运行?

标签 javascript html iphone css ipad

我是 java-script/html/css 领域的初学者。我的第一个元素是 this web-quiz .我目前正在 mac 上使用 eclipse 进行开发。到目前为止,网络测验可以在我的台式电脑上使用 safari、firefox 和 chrome。最初它在 iPad 和 iPhone 上也能正常工作,但突然之间就不行了:-/在桌面上它仍然可以工作,但 iPad/iPhone 只显示网页的“静态”html 版本。

如果您查看上面的链接,网络测验的结构分为两个 html 表格。第一个是由图像表示的 4*3 问题网格。第二个表格显示了一张有 4 个答案选项的图像。 Java-Script 用于在这两个表之间切换(显示/隐藏)。

在 iPhone/iPad 上打开网页时,Java-Script 似乎被禁用,例如这两个表静态排列在另一个下面...但是在所有测试浏览器上都启用了 Java-Script!

如果你们中的一位专业人士可以快速浏览一下 web-quiz,那就太好了并指引我走向正确的方向。

最佳答案

您的代码有效,但是由于您的声音文件,表格出现问题的原因。如果您查看 Web 浏览器的网络控制台,您会发现 wav 文件需要很长时间才能加载。这个时间意味着 javascript 在获取这些文件之前无法进行。代码本身有效,但您将表视为静态的原因是由于延迟。如果您仔细观察,您实际上可以看到页面仍在加载,12 秒是我获取所有 wav 文件所花费的时间。这意味着至少在这段时间之后,格式化您的样式的 javascript 才会加载。

请在您的 iPad 上重试,但这次请确保页面已完全加载。

关于javascript - 为什么我的 Javascript 网页不能在 iPad/iPhone 上运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20739050/

相关文章:

javascript - Joomla 3 无法点击子菜单

javascript - angular.element().scope 函数在 fb 脚本中不起作用

jquery - 如何创建覆盖 div 的菜单?

iphone - 什么时候调用 'drawRect'?

iphone - 使用按钮手动滚动分页 UIScrollView

javascript - 从 popState() 获取 PushState() 的状态

javascript - 强制 jQuery ajax

html - 在页眉/页脚保持静止时滚动内容

javascript - 使用 jQuery 从 HTML 表格中检索值?

ios - 返回前台时导航栏位置重置