如何更改jquery移动列表视图1.40的背景色？

Question

我很难在jqm中更改列表视图的背景..。我不能把它改成双亲。这方面的jqm类继承结构是什么？

Answer 1

我在这方面有很多问题。有一些高水平的类继承需要克服，而且很难找到。以下是jQueryMobile1.40的一个示例。这是一个示例，允许您创建一个完全自定义的列表视图。

最棘手的是处理第一个孩子和按钮li.ui-第一个孩子a.ui-btn -我花了几个小时来跟踪这件事。希望这对其他人有所帮助，因为1.40现在是最后一次了。

下面的示例是在覆盖面板上创建自定义菜单的一个非常常见的需要。

        <ul data-role="listview" class="primary-menu">
        <li data-icon="false">
  <a href="#product" class="ui-btn ui-nodisc-icon ui-btn-icon-left ui-icon-myicon" >
       View Products </a>
        </li>
     </ul>




    /* Menu Classes */

.ui-btn-close-panel {
    background-color:#b4316c !important;

}


ul.primary-menu {
    margin-top:10px;
    border-top:none;
}

ul.primary-menu li a{
    font-size: 1em;
    line-height: 1.3;
    color:#ffffff !important;
    font-family: 'ramblabold', Arial, sans-serif;
    background-color:transparent !important;
    border-bottom:1px solid #f2e3ea !important;
    background-image:none !important

}



ul.primary-menu.ui-listview  li.ui-first-child a.ui-btn {
    color:#ffffff !important;
    background-color:transparent !important;
    border-bottom:1px solid #f2e3ea !important;
    background-image:none !important
}


ul.primary-menu.ui-listview  li a.ui-btn {
    color:#ffffff !important;    
    background-color:transparent !important;
    border-bottom:1px solid #f2e3ea !important;
    background-image:none !important

}