jquery - 如何在 div 容器中使用 jquery mobile 并防止此 div 之外的样式效果？

Question

目前我有 data-role='page' 的 div 容器和 data-role='fieldcontain' 的几个内部 div。在 (div data-role='page' ) 下，我几乎没有受 jquery mobile 样式影响的按钮和元素。如何防止这种行为？

<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/