0

そのため、load 関数を使用して、1 つの Web ページからモバイル ページの div に div のコンテンツをプルしようとしています。私のデスクトップ ブラウザでは、すべて問題ありません。コードは、必要なすべての情報を完璧に引き出します。しかし、何らかの理由で、私の Android ブラウザーでテストしているときに、情報が取得されません。代わりに、画面の左下に「読み込み中」というテキストがありますが、何も読み込まれません。サイトで使用しているコードのスニペットを次に示します。

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

<script>$(document).ready(function(){ $('#newevents').load('http://www.kobebistro.com/5/special.php #events'); });</script>

完全なサイト/ソースコードをチェックアウトできます

私はここ数日立ち往生しています。どんな助けでも大歓迎です！

4

1 に答える 1

0

問題 (少なくとも「読み込み中」テキストが表示される理由) は、jQuery Mobile の CSS ファイルがページに追加されていないことが原因です。下部に表示される「読み込み中」のテキストは、実際には jQuery Mobile ページの遷移/読み込みです。

次のスタイルシート リンクをページの上部に追加します。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

または、次の CSS ルールを使用して既存のスタイルシートを非表示にします。

.ui-loader {
    display: none;
}

デスクトップ (Firefox と Chrome でテスト済み) と Android モバイル ブラウザー (2.3) の両方で動作する例をセットアップしました:
http://www.jonwarner.net/stackoverflow/10940849/mobile/index.htm

また、ページの構造について次のページの作成を確認することをお勧めします:
http://jquerymobile.com/demos/1.1.0/docs/pages/page-anatomy.html

次のコードを使用すると、アラートが表示されますか?

<script>$(document).ready(function(){ alert('document ready called'); });</script>

上記から進んで、コールバックを追加して応答を確認することを検討してください。

$("#newevents").load("http://www.kobebistro.com/5/special.php#events", function(response, status, xhr) {
  alert(JSON.stringify(xhr));
});

JSFiddle セットアップが問題の解決に役立つことを願っています。

http://jsfiddle.net/X3B6t/1/

于 2012-06-07T22:53:58.133 に答える