2011-06-30 93 views
2

好的,所以问题是我使用的JS代码不能在移动Safari中直接使用。一切工作在桌面Safari浏览器,镀铬等JavaScript不能在移动Safari中工作

在移动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; 
} 

非常感谢您的所有帮助:)

+0

我们可以看到与它一起使用的HTML吗?无法确切地告诉你正在尝试查看页面的其余部分。 – jfriend00

+0

我唯一看到的是你可以使用另一个;最后你有});})})我说有这个});});})除此之外,我没有看到任何东西 – ryuutatsuo

+0

谢谢,我已经添加了HTML和CSS加编辑代码:)我因为它在一分钟内也增加了一个到该网站的链接。 – Oliver

回答

0

我真的不知道这是正确的协议,但我有固定它自己,所以想我会后我的答案!

真的很简单,我只是把JS移到了.CSS下面。显然,Safari一直CSS渲染之前jQuery的一个问题:■

0

其实,问题是,你必须为了得到它呈现在移动设备上添加查询字符串参数。例如

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

应该

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

被替换,你也可以在你的JS文件的注释提供版本,以便客户能来知道他有最新版本的JS文件。

+0

欢迎使用stackoverflow.Please回答问题之前请阅读常见问题解答.. – coder

+0

您必须将查询字符串参数添加到得到什么渲染?每个JavaScript派生自一个src属性? –