5

私はもともとこのようなdiv要素を持っています..

<body>
    <canvas id="pageflip-canvas"></canvas>
    <div id="pages">
        <section>

        </section>
    </div>
<script type="text/javascript" src="index.js"></script>
</body>

しかし、JQuery-Mobileで実行するとこのようになります

<body class="ui-mobile-viewport ui-overlay-c">
<div data-role="page" data-url="/C:/AppServ/www/guiBook2/index.html"
 tabindex="0"  class="ui-page ui-body-c ui-page-active" style="min-height: 681px;">
    <canvas id="pageflip-canvas" width="1366" height="681"></canvas>
    <div id="pages">
        <section style="z-index: 1;">

        </section>
    </div>
<script type="text/javascript" src="index.js"></script>

</div><div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span><h1>loading</h1></div></body>

これらの DIV を作成しないようにする方法 クラス css で問題ありません

ただし、追加の div はコンテンツの幅を変更します。

少し早いですがお礼を

4

1 に答える 1

5

これはできません。を使用するとjQuery Mobile、Web アプリケーションを引き継ぎます。jQuery Mobileは古典的なフレームワークではないため、これは当然のことです。すべてが ajax 経由で行われるため、すべてのコンテンツをDIV属性でラップする必要がありますdata-role="page"。これDIVがこの質問のように存在しない場合、自動的に作成され、防ぐことはできません。

コンテンツが でスタイルされないようにする方法はいくつかありますが、コンテンツが にラップされるのを防ぐ方法はありません。jQuery Mobile CSSdata-role="page" DIV

これらの方法について詳しく知りたい場合は、私のARTICLEをご覧ください。わかりやすくするために、それは私の個人的なブログです。または、こちらをご覧ください。すべては、「マークアップ拡張防止の方法」という章で説明されています。

ページ/コンテンツの読み込みを示すためにも使用されるため、Bottom DIV も必要です。基本的に、これは必要な jQuery Mobile コンポーネントです。AJAXただし、オフの場合は削除できます。しかし、オフになっているjQuery Mobile場合のポイントは何ですか。AJAX

最後に考慮すべき点が 1 つあります。jQuery Mobile の一部の機能のみが必要な場合は、フレームワークを再構築して、必要な機能のみを含めることができます。このリンクはここjQuery Mobileにあります。必要なバージョンを選択することを忘れないでください。

于 2013-06-20T07:58:21.427 に答える