jquery mobile listview通过自定义图像图标更改链接箭头

【问题标题】：jquery mobile listview change link arrow by custom image iconjquery mobile listview通过自定义图像图标更改链接箭头
【发布时间】：2016-04-06 13:39:22
【问题描述】：

我用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>

【问题讨论】：

标签： javascript jquery jquery-mobile

【解决方案1】：

为每个自定义图标创建 css

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

然后使用 data-icon 引用您的自定义图标名称：

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

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

【讨论】：