jquery - div コンテナで jquery mobile を使用して、この div の外でスタイル効果を防ぐにはどうすればよいですか?

Question

現在、data-role='page' の div コンテナーと、data-role='fieldcontain' のいくつかの内部 div があります。(div data-role='page' ) の下に、jquery モバイル スタイルの影響を受けるボタンと要素がほとんどありません。この動作を防ぐにはどうすればよいですか?

<div>
    <div data-role='page' >
        <div data-role='fieldcontain'>....</div>
    </div>

    <div><button id="btn1"></button>....</div>
</div>

Answer 1

data-role="none"ボタンのスタイル設定を防ぐために、ネイティブ フォームで like を 使用してみてください。

<button id="btn1" data-role="none">Button element</button>

または、次の例を使用して、独自のテーマを (構造的な CSS を使用せずに) 定義する必要があります。

<button id="btn1" data-theme="e"></button>

そうでなければ、jQueryはページ全体を「更新」することを意図しているため、これは不可能だと思います。

参照:
http://jquerymobile.com/demos/1.1.1/docs/forms/forms-all-native.html

サンプル:
http://jsfiddle.net/X83rh/