Question

我有一个简单的jquery移动页面，其中包含content-secondary和content-primary 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>

有什么想法吗？

Answer 1

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

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

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

1 个答案: