如何在 jquery mobile 上为 content-primary/secondary 设置背景？答案

【问题标题】：How to set backgrounds for content-primary / secondary on jquery mobile?如何在 jquery mobile 上为 content-primary/secondary 设置背景？
【发布时间】：2013-06-05 09:54:07
【问题描述】：

我有一个简单的 jquery 移动页面，其中包含内容辅助和内容主 DIV。我现在想要，content-primary 使用 data-theme="a" 的背景，而 content-secondary 使用 data-theme="b" 的背景。

如果我这样尝试，它根本不显示背景（只有白色）：

<div data-role="page" id="create-event" >

    <div data-role="header" data-theme="c" data-position="fixed" >
        <!-- content -->
    </div>

        <div data-role="content">

            <div class="content-secondary" data-theme="a">

                <!-- content -->

            </div>

            <div class="content-primary" data-theme="b" >

                <!-- content -->

            </div>
        </div>

    <div data-role="footer" data-theme="c" data-position="fixed" >  
        <!-- content -->
    </div>
</div>

有什么想法吗？

【问题讨论】：

标签： jquery jquery-mobile background

【解决方案1】：

data-theme 不适用于自定义 div，它仅适用于带有 data-role 的 div。因此，您可以通过将两个 data-role=content div 添加到具有不同 data-theme 的页面来解决此问题。

Demo

<div data-role="content" data-theme="e">
 <p>contents</p><br/>
 <p>contents</p>
</div>
<div data-role="content" data-theme="b">
 <p>contents</p><br/>
 <p>contents</p>
</div>

【讨论】：