jquerymobile：如何删除列表项分隔符答案

【问题标题】：jquerymobile: how to delete list items dividerjquerymobile：如何删除列表项分隔符
【发布时间】：2011-09-14 14:35:48
【问题描述】：

我不想在listview 的每个列表项之间显示线条/边框。我怎样才能做到这一点？

谢谢，内哈达

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

您可以添加您的 CSS。 jQuery Mobile 有 CSS 来标记包含边框的列表元素，所以只需覆盖这些默认值。

【讨论】：

谢谢，我只是申请了 style="border-width: 0px;"。效果很好。

【解决方案2】：

现场示例：

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

$('#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>

【讨论】：