Jquery mobile jquerymobile:如何删除列表项
我不想在Jquery mobile jquerymobile:如何删除列表项,jquery-mobile,Jquery Mobile,我不想在列表视图的每个列表项之间显示行/边框。 我怎样才能做到这一点 谢谢, Nehatha您只需添加CSS即可。jQuery Mobile使用CSS标记包含边框的列表元素,因此只需覆盖这些默认值即可。实时示例: JS HTML 列出项目 第1项 项目#2 项目#3 项目4 项目#5 列出无边框的项目 项目#6 项目7 项目8 项目9 项目#10 谢谢,我只是简单地应用了style=“border width:0px;”。它工作得很好。 $('#noBorders').child
列表视图的每个列表项之间显示行/边框。
我怎样才能做到这一点
谢谢,
Nehatha您只需添加CSS即可。jQuery Mobile使用CSS标记包含边框的列表元素,因此只需覆盖这些默认值即可。实时示例:
JS
HTML
- 列出项目
- 第1项
- 项目#2
- 项目#3
- 项目4
- 项目#5
- 列出无边框的项目
- 项目#6
- 项目7
- 项目8
- 项目9
- 项目#10
谢谢,我只是简单地应用了style=“border width:0px;”。它工作得很好。
$('#noBorders').children().removeClass('ui-body-c');
<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>