Javascript jquery mobile listview按自定义图像图标更改链接箭头

Javascript jquery mobile listview按自定义图像图标更改链接箭头,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我使用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 hre

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


为每个自定义图标创建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>
  • 请参见官方listview演示的图标:标准部分: