JavaScript 在 Mobile Safari 中不起作用答案

【问题标题】：JavaScript not working in Mobile SafariJavaScript 在 Mobile Safari 中不起作用
【发布时间】：2011-06-30 18:47:50
【问题描述】：

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

在移动 safari（iphone 4 和 ipod touch 2nd gen 测试）中，页面完全空白。但是，如果您导航到另一个页面然后单击返回，它会加载正常！

谁能告诉我这里到底发生了什么？

谢谢:)

这里是网站的链接

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;
}

非常感谢您的帮助:)

【问题讨论】：

我们能看到它附带的 HTML 吗？看不到页面的其余部分，真的无法准确说出您想要做什么。
我唯一看到的是你可以使用另一个；到最后你有 });})}) 我说有这个 });});}) 除了我什么也没看到
谢谢，我已经添加了 html 和 css 并编辑了代码 :) 我还添加了指向该网站的链接。
用最新的 jQuery 1.6.1 代替 1.3.2 怎么样？
谢谢。好的，我已经更新了，但仍然无法正常工作。

标签： javascript jquery ios safari

【解决方案1】：

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

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

应该换成

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

你也可以在你的js文件的cmets中提供版本，这样客户就可以知道他有最新版本的JS文件。

【讨论】：

您必须添加查询字符串参数才能获得呈现的内容？每个 javascript 都派生自一个 src 属性？

【解决方案2】：

我真的不知道这是否是正确的协议，但我自己修复了它，所以我想我会发布我的答案！

真的很简单，我只是把 JS 移到了 .CSS 下面。显然 Safari 在 CSS 之前呈现 jQuery 时存在问题：s

【讨论】：

【解决方案3】：

使用

jQuery(window).load()

而不是

jQuery(document).ready()

【讨论】：

虽然这可能会回答问题，但请考虑添加解释，说明问题的原因以及您的答案解决问题的原因