删除jquery mobile listview的默认图标

Question

我正在使用jquery mobile进行listview但是我无法更改jquery mobile列表的图标默认值，这是我的代码：

<ul data-role="listview" data-inset="true" class="ui-alt-icon">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

谢谢！

Answer 1

你应该使用＆＃34; data-icon＆＃34;属性：

<!--this will remove icon-->
<li data-icon="false"><a...</li>

<!--this will change icon to the "home" icon-->
<li data-icon="home"><a...</li>

Answer 2

示例1 - 自定义图标

工作示例：here。

HTML：

<ul data-role="listview" data-inset="true" data-icon="alt">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

CSS：

.ui-icon-alt:after {
    background-image: url('http://upload.wikimedia.org/wikipedia/en/5/5d/Mac_App_Store_icon.png');
    background-size: 25px 25px;
}

Exameple 2 - 预先存在的图标

工作示例：here。

MTML：

<ul data-role="listview" data-inset="true" data-icon="left">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>