jquerymobile：如何刪除列表項目divider

Question

我不想在listview的每個列表項目之間顯示行/邊框。 我該如何做到這一點？

感謝， Nehatha

Answer 1

您可以只添加你的CSS。 jQuery Mobile使用CSS來標記包含邊框的列表元素，因此只需覆蓋這些默認值即可。

Answer 2

活生生的例子：

• http://jsfiddle.net/KSTTQ/2/

JS

$('#noBorders').children().removeClass('ui-body-c'); 

HTML

<div data-role="page"> 
    <div data-role="content" > 
     <ul data-role="listview" data-inset="true"> 
      <li data-role="list-divider">List Items</li> 
      <li>Item #1</li> 
      <li>Item #2</li> 
      <li>Item #3</li> 
      <li>Item #4</li> 
      <li>Item #5</li> 
     </ul> 
     <ul data-role="listview" data-inset="true" id="noBorders"> 
      <li data-role="list-divider">List Items no borders</li> 
      <li>Item #6</li> 
      <li>Item #7</li> 
      <li>Item #8</li> 
      <li>Item #9</li> 
      <li>Item #10</li> 
     </ul> 
    </div> 
</div>