Question

好的，问题是我使用的JS代码不会立即在移动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;
}

非常感谢你的帮助：）

Answer 1

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

这很简单，我只是把JS移到了.CSS之下。显然Safari在CSS之前渲染jQuery有问题：s

Answer 2

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

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

应替换为

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

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

Answer 3

使用

jQuery(window).load()

代替

jQuery(document).ready()

JavaScript无法在Mobile Safari中使用

3 个答案: