9

の目的は何data-role="content"ですか？アニメーション/トランジションなどのいくつかをテストしているので、コンテンツを含むコンテナ div からそれを削除しても、すべてが機能しました。

たとえば、これを行うと：

<div id="secondPage" data-role="page">
    <div data-role="header">
    <h1>This is page 2 </h1>
    </div>

    <div data-role="content">
       <p>This is page 2 with some regular text here.</p>
       <p><a href="#firstPage" data-direction="reverse">Go to first page.</a></p><br/>
    </div> 
</div>

それは正常に機能しますが、そのdata-role="content"部分を削除して、たとえば次のようにすると:

  <div id="secondPage" data-role="page">
        <div data-role="header">
        <h1>This is page 2 </h1>
        </div>

        <div>
           <p>This is page 2 with some regular text here.</p>
           <p><a href="#firstPage" data-direction="reverse">Go to first page.</a></p><br/>
        </div> 
    </div>

それはまだ機能するので、その必要性については少しぼんやりしています。それで、それのポイントは何ですか？

4

2 に答える 2

7

はdata-role="content"単なる規則であり、必須ではありません。

jQueryサイトを引用するには：

「上で概説したページ構造は、jQuery Mobile で構築された標準的な Web アプリに推奨されるアプローチですが、フレームワークはドキュメント構造に対して非常に柔軟です。ページ、ヘッダー、コンテンツ、およびフッターのデータ ロール要素はオプションであり、ほとんどの場合に役立ちます。いくつかの基本的なフォーマットと構造を提供します. 自動初期化が機能するために必要であったページラッパーは, シングルページドキュメントではオプションになったので, 必要なマークアップはまったくありません. カスタムレイアウトのウェブページの場合, すべてこれらの構造要素の一部を省略でき、Ajax ナビゲーションとすべてのウィジェットはボイラープレート構造と同じように機能します。」

それらは必須ではありませんが、ページ作成時にクラスを適用するために jQuery によって使用されます。data-role="content"たとえば、div にはクラスが.ui-content追加されます。

于 2012-08-22T03:20:51.223 に答える
1

JQueryMobile Transitionsは要素に適用されますが、data-role="page"要素には適用されませんdata-role="content"

于 2012-08-21T03:53:00.127 に答える