問題jquery mobile中的Navbar圖標

Question

我需要爲我的導航欄添加圖標，所以我已經從以下鏈接下載了圖標，http://www.glyphish.com/，我已經下載了免費圖標。然後我試圖在代碼中添加圖標，我缺點是不顯示？代碼有什麼問題？

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

截圖：

Answer 1

創建自定義類和使用:after僞選擇修改其background-image。

.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; 
} 

Demo