如何在jquery mobile上爲content-primary/secondary設置背景？

Question

我有一個簡單的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> 

任何想法？

Answer 1

data-theme不適用於自定義div，它只適用於div的data-role。因此，您可以通過將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>