1

我在 JQuery mobile 中创建了一个带有 2 个网格的列表视图。而且我需要将背景颜色设置为仅 1 个网格（块-a），但这样做，列表视图的填充显示为白色。我还需要为填充设置颜色。我需要前半部分有一种颜色，后半部分有不同的颜色。提前致谢。

<div data-role="page">
    <div data-role="header">
        <h1>Page One</h1>
    </div>
    <div data-role="content">
      <ul data-role="listview" data-theme="none">
            <li data-role="list-didvider" >
               <a href="#">
                  <div class="ui-grid-a" data-theme="none">
                      <div class="ui-block-a">Distance</div>
                      <div class="ui-block-b">Places</div>   
                 </div>
               </a>
            </li>
      </ul>
  </div>
</div>
4

2 回答 2

1

您需要在 jQuery 中自定义 css。

比如像

.ui-grid-a .ui-block-a { customization goes here }

.ui-grid-a .ui-block-b { customization goes here }

我已经设置了一个示例 jsFiddle，它将帮助您入门。

http://jsfiddle.net/Akki619/z3BQ2/

小提琴可能无法提供您正在寻找的确切解决方案，但您始终可以一起玩以获得所需的结果。

在您的情况下：您需要根据需要自定义数据主题a/c。

根据需要获得所需的结果可能很棘手。

于 2013-08-21T06:21:30.840 回答
1

到目前为止，您的填充已经着色，但边距没有。您需要删除边距并设置填充：

ul li {
    padding-left: 10px;
    margin-left: 0px;
}

然后您的背景颜色将设置为您的项目内容之前的空间。

于 2013-08-21T06:40:19.077 回答