1

2 つのグリッドを持つ JQuery モバイルでリスト ビューを作成しました。また、背景色を 1 つのグリッド (block-a) のみに設定する必要がありますが、そうすると、リスト ビューのパディングが白で表示されます。パディングの色も設定する必要があります。前半を 1 つの色にし、後半を別の色にする必要があります。前もって感謝します。

<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

これまでのところ、パディングは既に色付けされていますが、マージンは色付けされていません。マージンを削除してパディングを設定する必要があります。

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

次に、アイテムのコンテンツの前のスペースで背景色が設定されます。

于 2013-08-21T06:40:19.077 に答える
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/

フィドルはあなたが探している正確な解決策を提供しないかもしれませんが、いつでも望ましい結果を得ることができます.

あなたの場合：必要に応じてdata-theme a/c をカスタマイズする必要があります。

思い通りに結果を出すのは難しいかもしれません。

于 2013-08-21T06:21:30.840 に答える