jquery移动列表视图通过自定义图像图标更改链接箭头

Question

我使用jqm listview，我试图通过个人图像图标更改链接箭头，有没有办法改变它，下面的图像显示我想要的。

<div data-role="page" id="pageone">
  <div data-role="main" class="ui-content">
    <h2></h2>
    <ul data-role="listview" data-inset="true">
      <li><a href="#">List Item</a></li>
      <li><a href="#">List Item</a></li>
      <li><a href="#">List Item</a></li>
    </ul>
  </div>
</div> 

Answer 1

为每个自定义图标创建css

.ui-icon-myIcon1:after {
    background-image: url("../_assets/img/glyphish-icons/21-skull.png");
    background-position: 3px 3px;
    background-size: 70%;
}

然后使用数据图标引用您的自定义图标名称：

<li data-icon="myIcon1" id="skull"><a href="#">custom-icon</a></li>

查看图标：官方列表视图演示的标准部分：http://demos.jquerymobile.com/1.4.5/listview/