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

Question

我有一个简单的 jquery 移动页面，其中包含内容辅助和内容主 DIV。我现在想要，内容主要使用 data-theme="a" 的背景，而内容次要使用 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>

有任何想法吗？

Answer 1

data-theme不适用于自定义 div，它仅适用于带有data-role. 因此，您可以通过将两个data-role=contentdiv 添加到具有不同data-theme.

演示

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