如何在導航欄中使用圖標按鈕（jQuery Mobile）

Question

我想在頁腳導航欄中使用一些圖標按鈕，但沒有成功。我嘗試了以下;

<!--Footer--> 
     <div data-role="footer" data-position="fixed"> 
     <div data-role="navbar" > 
      <ul> 
      <li><a href="#" data-icon="flat-mail" data-iconpos="notext" data-role="button">Yes</a></li> 
       <li><a href="#" data-icon="flat-camera" data-iconpos="notext" data-role="button">Yes</a></li> 
       <li><a href="#" data-icon="flat-heart" data-iconpos="notext" data-role="button">Yes</a></li> 
       <li><a href="#" data-icon="flat-eye" data-iconpos="notext" data-role="button">Yes</a></li> 
      </ul> 
     </div><!-- /navbar --> 
</div><!-- /footer --> 

也...

<!--Footer--> 
     <div data-role="footer" data-position="fixed"> 
     <div data-role="navbar" > 
      <ul> 
      <li><a href="#" class="ui-btn-icon-notext" data-icon="flat-mail" data-iconpos="notext" data-role="button">Yes</a></li> 
       <li><a href="#" class="ui-btn-icon-notext" data-icon="flat-camera" data-iconpos="notext" data-role="button">Yes</a></li> 
       <li><a href="#" class="ui-btn-icon-notext" data-icon="flat-heart" data-iconpos="notext" data-role="button">Yes</a></li> 
       <li><a href="#" class="ui-btn-icon-notext" data-icon="flat-eye" data-role="button">Yes</a></li> 
      </ul> 
     </div><!-- /navbar --> 
</div><!-- /footer --> 

請，有人可以幫我把電話

Answer 1

試試這個（刪除是字）：

<div data-role="footer" data-position="fixed"> 
<div data-role="navbar" > 
    <ul> 
    <li><a href="#" data-icon="mail" data-iconpos="notext" data-role="button"></a></li> 
    <li><a href="#" data-icon="camera" data-iconpos="notext" data-role="button"></a></li> 
    <li><a href="#" data-icon="heart" data-iconpos="notext" data-role="button"></a></li> 
    </ul> 
</div> 
</div> 

DEMO HERE

這是jQuery Mobile的參考圖標： JQuery Mobile Icons