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

尝试像在 native 表单中一样使用 data-role="none" 来防止按钮样式设置:

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