在jQuery手機中更改li的高度

我正在嘗試改變li元素的高度，但沒有運氣。我試過解決方案here，但它只是不工作！我正在使用jQM版本1.1.1。該列表視圖正在動態生成。以下是代碼：在jQuery手機中更改li的高度

$('.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; 
}

有人能幫助我在這裏，告訴我什麼是我做錯了。謝謝！

來源

2012-08-03 ares05

你可以將代碼複製到jsfiddle，以便我們可以根據需要更新它們嗎？ – 2012-08-03 11:37:20

這裏是一個鏈接到小提琴 - http://jsfiddle.net/ares05/jMEPc/1/我似乎無法減少李的大小。 – ares05 2012-08-03 15:34:59

http://jsfiddle.net/jMEPc/2/我編輯它看看 – 2012-08-03 16:46:29

固定的問題！ Arpit採納了您的建議並使用螢火蟲進行了檢查。問題是最小高度屬性。它被jQM CSS設置爲60px，必須被覆蓋。

來源

2012-08-07 04:48:11 ares05

你li是.ui-li，但當前的選擇尋找一個.ui-li元素內的李。更改

#targetItemUL > li .ui-li

到

#targetItemUL > li.ui-li

來源

2012-08-03 11:36:10 Utkanos

沒有，沒有工作不幸的是:(我在上面的評論中添加了小提琴，請看看。 – ares05 2012-08-03 15:38:01

在jQuery手機中更改li的高度

回答

相關問題