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

时间:2012-09-27 09:01:17

标签: jquery css jquery-ui css3 jquery-mobile

目前我的div容器有data-role ='page',而内部div很少有data-role ='fieldcontain'。 在(div data-role ='page')下我有几个按钮和元素受jquery移动风格的影响。我可以阻止这种行为吗?

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

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

1 个答案:

答案 0 :(得分:0)

尝试在原生表单中使用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/