0

JQuery Mobile と PhoneGap(Cordova) の両方でアプリを作成しようとしています。

これまでのところ、Phonegaps は正常に動作しており、単純な JQuery を使用していくつかの簡単なアニメーションを実行できます。JQuery Mobiles のスタイリング機能を利用したい、例えば:

  <div data-role="header">

しかし、これはどれも通用しません。おそらく私はこれを間違って設定しましたか？サンプル プロジェクトと比較しましたが、問題ないようです。

ヘッダー div には、iOS のようなグラデーション付きの黒いバーが必要ですが、スタイルが設定されていないように見えます。誰かが私を正しい方向に向けることができますか?

私のコードは次のとおりです。

        <!-- JQM css-->
        <link rel="stylesheet" type="text/css" href="css/jqmcss.css" />
        <!-- Normal css-->
        <link rel="stylesheet" type="text/css" href="css/styles.css" />
        <title>My App</title>
    </head>
    <body>
      <div data-role="page">
          <div data-role="header">
              <h1>Program</h1>
          </div><!--HEADER-->

<!--OTHER DIVS-->

   </div><!--PAGE-->

        <script type="text/javascript" src="cordova-2.7.0.js"></script>
        <script type="text/javascript" src="js/jquery.min.1.9.js"></script>
        <script type="text/javascript" src="js/jquery.mobile.min.js"></script>
        <script type="text/javascript" src="js/myscripts.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
4

2 に答える 2

1

jquery と jqm をヘッダーにロードしようとしましたが、見落としていたと思いますviewport

<meta name="viewport" content="width=device-width, initial-scale=1">

HTML5 が必要です。

<!DOCTYPE html>
于 2013-05-13T07:09:15.003 に答える