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

Posted 2023-05-08

【中文标题】如何在 div 容器中使用 jquery mobile 并防止此 div 之外的样式效果？

【英文标题】：how can i use jquery mobile in a div container and prevent the style effects outside this div?

【发布时间】：2012-09-19 00:31:59

【问题描述】：

目前我有带有 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>

【参考方案1】：

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

【讨论】：

感谢您的回答，在此示例中，按钮位于 div data-role='page' 中，如果我将其从该 div 中取出，它就会消失。知道如何解决吗？跨度>

@the_farmer 你不能在页面之外有内容。您必须在页面或其他页面上显示它，但所有内容都必须在一个页面内。