jquery 移动列表视图更改 link 自定义图像图标的箭头

Question

我用的是jqm listview，我想通过个人图片图标改变一个link箭头，有没有办法改变它，下图，显示我想要的。

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

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

jquery 移动列表视图更改 link 自定义图像图标的箭头

jquery mobile listview change link arrow by custom image icon

javascript

jquery

jquery-mobile