2011-06-30 22 views
2

問題は、使用しているJSコードがモバイルSafariで直ちに動作しないことです。モバイルSafariでJavaScriptが動作しない

モバイルサファリ(iphone 4とipod touch 2nd genでテスト済み)では、ページは完全に空白です。デスクトップサファリ、クロムなどですべて正常に動作します。しかし、別のページに移動してから、戻るをクリックすると、正常に読み込まれます。

誰かがここで何が起こっているのか教えてもらえますか?

感謝:)ここ

はサイト

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

をへのリンクであり、ここでJSコードにRYUUTATSUOが、私はSOが、DOことをお勧めしますので、私は、コードを編集した

NOTEですまだ動作していません:(

<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をレンダリングする際に問題があります:s

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属性から派生していますか? –

関連する問題