Question

我正在尝试更改li元素的高度，但没有运气。我已经尝试了here给出的解决方案，但它只是不起作用！我正在使用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;
}

有人可以帮助我，告诉我，我做错了什么。谢谢！

Answer 1

修正了问题！ Arpit接受了您的建议，并使用firebug进行了检查。问题是最小高度属性。它由jQM css设置为60px并且必须被覆盖。

Answer 2

您的li .ui-li，但您当前的选择器会在 LI中查找.ui-li元素。变化

#targetItemUL > li .ui-li

到

#targetItemUL > li.ui-li

在jquery mobile中改变li的高度

2 个答案: