0

li 要素の高さを変更しようとしていますが、うまくいきません。ここに記載されている解決策を試しましたが、うまくいきません! jQM バージョン 1.1.1 を使用しています。リストビューは動的に生成されています。コードは次のとおりです。

$('.eventInfoBox').append(' <div id="eventInfoBoxContents"> \
   <div data-role="fieldcontain"> \
      <label>Target Item: </label> \
      <ul data-role="listview" data-inset="true" id="targetItemUL">\
          <li class="ui-li"><img style="width:20px;height:20px;margin-top: 3px;margin-left: 3px;" id="targetImage" src="images/products.jpg" /> \
             <div style="padding-left: 5px;"> \
                <h3>Testing</h3> \
             </div> \
          </li> \
     </ul> \
   </div> \
').trigger('create');

追加した CSS は次のとおりです。

#targetItemUL > li .ui-li {
    height : 30px;
}

誰かがここで私を助けて、私が間違っていることを教えてくれませんか. ありがとう！

4

2 に答える 2

1

問題を修正しました！Arpit はあなたの提案を受け取り、firebug を使用して検査しました。問題は min-height プロパティでした。jQM css によって 60px に設定されており、オーバーライドする必要がありました。

于 2012-08-07T04:48:11.093 に答える
0

あなたli は です .ui-liが、現在のセレクターはLI内.ui-liの要素を探します。変化する

#targetItemUL > li .ui-li

に

#targetItemUL > li.ui-li
于 2012-08-03T11:36:10.153 に答える