为什么我的Java-Script网页无法在iPad / iPhone上运行?

时间:2013-12-23 07:40:42

标签: javascript html iphone css ipad

我是java-script / html / css领域的初学者。我的第一个项目是this web-quiz。我目前正在使用mac开发eclipse。到目前为止,网络测验在我的桌面计算机上使用safari,firefox和chrome。最初它在iPad和iPhone上也运行良好,但突然间它不再了: - /在桌面上它仍然有效,但iPad / iPhone只显示网页的“静态”html版本。

如果你查看上面的链接,web-quiz被构造成两个html表。第一个是由图像表示的4 * 3网格问题。第二个表格显示了包含4个答案选项的图像。 Java脚本用于在这两个表之间切换(显示/隐藏)。

在iPhone / iPad上打开网页时,看起来Java-Script被禁用,例如这两个表是静态排列在一起的......但是所有测试浏览器都启用了Java脚本!

如果你们中的一位专业人士可以快速查看web-quiz并指导我进入正确的方向,那就太棒了。

2 个答案:

答案 0 :(得分:2)

您的代码可以工作,但是由于您的声音文件而导致表格显示出来的原因。如果查看Web浏览器的网络控制台,您将看到wav文件需要很长时间才能加载。此计时意味着在获取这些文件之前javascript无法进行。代码本身可以工作,但是您将表视为静态的原因是由于延迟。如果你看起来你实际上可以看到页面仍然加载,12秒是我获取所有wav文件所花费的时间。这意味着格式化您的样式的JavaScript将至少在此之后才会加载。

再试一次你的ipad,但这一次确保页面已满载。

答案 1 :(得分:0)

夫妻俩。这可能是一个参考问题(虽然根据你的写作有点难以分辨)。要快速测试,请将其放入JavaScript代码中。

$(document).ready(function(){
    alert("We accessed the Javascript");
});

如果你得到警报,那就是一个好兆头。如果它不起作用,那么你显然没有正确引用文件。