2011-06-30 77 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屬性? –