- 締切済み
スマートフォンで見れるようにするには？
ホームページを作ってるのですがスマートフォンで見ると真っ白になってしまいます。何が原因なのかさっぱり分りません。 分る方教えて貰えたら幸いです。 今、サーバー側がメンテナンスしてるのでここにタグ書きます。 訂正箇所ありましたら教えてくださいm(__)mお願いします。 ホームページも見ることは可能なんですがHTMLが少し違うのでこのHTMLで質問します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>bit-home</title> <link href="style1.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript">google.load('jquery','1');</script> <script type="text/javascript"> $().ready ( function() { $('#information').load ( 'information.html' ); $('#information2').load ( 'information2.html' ); }); </script> </head> <body> <div id="flame"> <!--ヘッダ--> <div id="head"> <h1><a href="http://www.bit-home.jp/">bit-home</a></h1> </div> <!--ヘッダ終わり--> <!--右のブロック--> <div id="right"> <div class="main"> 広告：劇場版イナズマイレブンGo 究極の絆グリフォン <a href="http://www.inazuma-movie.jp/"><img src="http://bit-home.jp/img/top/top.jpg"></a><br> <br> <h2>bit-homeの内容</h2> <p>僕なりに頑張って作ってみました。<br> ゆっくり見ていってください。<br> </p> </div> <div class="main"> <h2>更新履歴</h2> <p> 2012/04/26 集会撮影→<a href="http://www.bit-home.jp/syukai/img/001.jpg">001.jpg</a><br> 2012/06/11 BBSを報告掲示板として使うことにしました。<br> 2012/06/10 ゲーム日記を更新しました<br> 2012/05/28 プロフィールを更新しました<br> 2012/04/21 LINKを更新しました<br> </p> <br> </div> </div> <!--右のブロック終わり--> <!--左のブロック--> <div id="left"> <div class="leftmain"> <div class="pic"> <div id="information"></div> <br> </div> </div> <div class="leftmain"> <ul> <li><a href="profile.htm">PROFILE</a></li> <li><a href="blog.htm">BLOG</a></li> <li><a href="link.htm">LINK</a></li> <li><a href="http://bit-home.bbs.fc2.com/">BBS</a></li> <li><a href="http://www.bit-home.jp/game_diary/index.html">ゲーム日記</a></li> </ul> </div> </div> <!--左のブロック終わり--> <!--フッタ--> <div id="foot"> <div id="information2"></div> </div> <!--フッタ終わり--> </div> </div> </body> </html>
- tsubasa0801
- お礼率100% (16/16)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
実際に試してないので違うかも知れませんが、モバイルだと読み込みが遅くなり、jQueryのロードを完了する前に$.readyが実行されるためにエラーになっているんじゃないでしょうか。 google.loadを使ってライブラリをロードする場合、読み込みが完了した時点でreadyを実行するようにgoogleのonloadコールバックを利用するほうがよいです。 google.setOnLoadCallback(function() { $.ready(function……略……); }); こんな感じですね。これで試してダメなら、別の原因なのでしょう。
お礼
回答ありがとうございましたm(_ _)m。 僕の勉強不足で解決にはいたりませんでした。
補足
ちょっと分らなかったのですが、これで当たってるのでしょうか？ これでチャレンジしてみたんですけど、やっぱり真っ白になってしまいました。 ちょっと勉強不足ですみませんm(_ _)m <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript">google.load('jquery','1');</script> <script type="text/javascript"> google.setOnLoadCallback(function() { $.ready $('#information').load ( 'information.html' ); $('#information2').load ( 'information2.html' ); }); </script>