如何在jquery mobile上为主要/次要内容设置背景？

我有一个简单的jquery移动页面，带有content secondary和content primary DIV。现在，我想让content primary使用data theme=“a”的背景，content secondary使用data theme=“b”的背景

如果我这样尝试，它将完全不显示背景（仅显示白色）：

---

有什么想法吗？

数据主题

不适用于自定义div，它只适用于具有

数据角色的div。因此，您可以通过向具有不同
数据主题的页面添加两个
data role=content
div来解决此问题



内容


内容

内容


内容


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

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