jQuery Mobile列表分隔線使用錯誤的色板？

Question

我已使用jQuery Mobile ThemeRoller爲我正在處理的新移動網站創建主題。一般來說，主題運行良好，但在我的應用程序中不使用在ThemeRoller中顯示的列表分隔符。

下面是說明問題的屏幕截圖：

ThemeRoller problem http://img.skitch.com/20120416-8fbfbu41abrci1ym8uthatfi4e.png

有問題的網頁上的相關HTML是：

<div id="schedule" data-role="page" data-theme="a"> 
    <div data-role="content" data-theme="a"> 
     <ul data-role="listview"> 
      <li data-role="list-divider">8:00 am</li> 
      <li><a href="#session">Welcome &amp; Keynote</a></li> 
      <li data-role="list-divider">9:00 am</li> 
      <li><a href="#session">Session title displayed here</a></li> 
     </ul> 
    </div> 
</div> 

我甚至嘗試添加一些東西，我在發現ThemeRoller標記：

<li data-role="list-divider" data-swatch="a" class="ui-bar-a" data-form="ui-bar-a">8:00 am</li> 

這有沒有效果。無論我做什麼，似乎都會將課程設置爲ui-bar-b。我可以在Chrome中實時編輯HTML，並將ui-bar-b更改爲ui-bar-a，這看起來完全如我所料。

我做錯了什麼？這可能是一個jqm錯誤？

使用jqm 1.1.0和jquery 1.7.0。

Answer 1

您可以將data-dividertheme="a"屬性添加到您的data-role="listview"元素，以強制將特定樣本用於分隔符列表項。默認情況下，如果您的listview設置爲主題a，則分隔符將設置爲主題b，因此您必須強制列表分隔符纔是正確的主題，或者您必須考慮到這一點構建主題。

<ul data-role="listview" data-dividertheme="a"> 
     <li data-role="list-divider">8:00 am</li> 
     <li><a href="#session">Welcome &amp; Keynote</a></li> 
     <li data-role="list-divider">9:00 am</li> 
     <li><a href="#session">Session title displayed here</a></li> 
    </ul> 

這裏是一個演示：http://jsfiddle.net/8aZpQ/（此爲分隔演示部隊主題e）

這裏是這個文檔：http://jquerymobile.com/demos/1.1.0/docs/lists/docs-lists.html