jquery mobile中导航栏图标的问题

我需要为我的导航栏添加图标，因此我已从以下链接下载了图标，我已下载了免费图标。然后我尝试在代码中添加图标，我的图标没有显示吗？代码有什么问题

<div data-role="navbar">
                <ul>
                    <li><a id="other-color" data-icon="img/193-location-arrow.png" data-iconpos="left" href="#">Set Filter</a></li>
                    <li><a id="other-color" data-icon="img/193-location-arrow.png" data-iconpos="right" href="#">Add page</a></li>
                </ul> 

截图：

---

创建自定义类并使用

：after

伪选择器修改其

背景图像

.ui-arrow:after {
  background-image: url(../193-location-arrow.png);
  background-size: 15px 15px;
}

.ui-location:after {
  background-image: url(../07-map-marker.png);
  background-size: 20px 20px;
}


如果我想使用文件夹中的图像，url（img/193 location arrow.png）；这样行吗？img是我的文件夹名