0

jQuery Mobileデモをダウンロードして、querymobileがどのように機能するかを確認しました。ファイルを「test」というフォルダーに入れ、このテストフォルダーをWAMPサーバーのwwwフォルダーに入れました。Webページ（Chrome、Firefox、またはIE）を開こうとすると、画面の左上隅に壊れた画像で青いテストで書かれた壊れたベル以外は何も表示されません。何が起こっているのかわかりません。タブレット（Sony Tablet S）でWebページを実行しようとした場合も同じです。できれば助けてください。ありがとう。

-----------------編集後-----------------------

これが私が今試したことです。このページhttp://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.jsにアクセスしました。そのページからjquery.mobile-1.3.0.jsというファイルにコードをコピーしました。次に、そのファイルと同じフォルダーに、index.phpという別のファイルがあります。そのファイルに私はこのコードを持っています。

<html>
<head>
    <script type="text/javascript" src="jquery.mobile-1.3.0.js"></script>
</head>
<body>
    <a href="#" data-role="button">Anchor</a>
    <form>
        <button>Button</button>
        <input value="Input" type="button">
        <input value="Submit" type="submit">
        <input value="Reset" type="reset">
    </form>
</body>
</html>

これでページが開きますが、ボタンはjQueryの場合とは異なり、理由がわかりません。できれば助けてください。

4

2 に答える 2

0

ローカルホストで実行している場合は、すべてのリンクとボタンでdata-ajax=disabledを使用してみてください。構文は覚えていませんが、同様の問題があったことを覚えています。

于 2013-02-26T02:53:51.823 に答える
0

あなたは何を見ることを期待しましたか？そして、あなたはこのコードで何をしようとしていますか？

jqueryモバイルライブラリを含める正しい方法：

<head>
  <link href="YOUR_FOLDER/jquery.mobile-1.3.0.css" rel="stylesheet">  
  <script src="YOUR_FOLDER/jquery-1.8.0.js" type="text/javascript"></script>
  <script src="YOUR_FOLDER/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
</head>

まず、すべてのライブラリファイル（.cssおよび.jsファイル）を含める必要があります。次に、jquery.mobile-xxxjsよりも最初に[モバイルではない] jqueryインクルード（jquery-1.8.0.jsまたは他のバージョン）が必要です。jqueryモバイルライブラリは、jqueryライブラリなしでは機能しません。

最後に、ファイルを含めた後...このコードで何をしようとしているのかわかりませんが、ここに例を示します。

<div data-role="page">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Page content goes here.</p>  
            <a href="index.html" data-role="button">Link button</a>
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->
于 2013-02-26T14:09:24.627 に答える