JavaScript 在 Mobile Safari 中无法运行

Question

好吧，问题是我正在使用的 JS 代码无法立即在移动 Safari 中运行。在桌面 safari、chrome 等中一切正常。

在 mobile safari(已测试 iPhone 4 和 ipod touch 第二代)中，页面完全空白。但是如果您导航到另一个页面然后单击返回，则加载正常!

有人可以告诉我这里到底发生了什么吗？

谢谢:)

这是该网站的链接

http://osmithcouk.ipage.com/exposed/index.php

这是 JS 代码

注意，自从 RYUUTATSUO 建议我这样做以来，我已经编辑了代码，但仍然不起作用:(

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

下面是与之对应的 HTML。

<a href="#" class="show_hide"><b><?php include 'headline1.txt'; ?></b></a>
<div class="slidingDiv">
<?php include 'story1.txt'; ?> <a href="#" class="show_hide">Hide story...</a></div>

以及slidingDiv和show_hide的CSS。

.slidingDiv {
    background-color: #FFFFFF;
    padding:20px;
    margin-top:10px;
}

.show_hide {
    display:none;
}

非常感谢您的帮助:)

Answer 1

实际上，问题在于您必须添加查询字符串参数才能在移动设备上呈现它。例如

script src="js/Common.js" type="text/javascript"

应替换为

script src="js/Common.js?v=1.1" type="text/javascript"

你还可以在js文件的注释中提供版本，以便客户端知道他拥有最新版本的JS文件。