Html 如何使用导航栏中的图标按钮（Jquery Mobile）

我试图在页脚导航栏中使用一些图标按钮，但没有成功。我试过以下方法

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

请，有人能帮我接通吗？

试试这个（删除“是”字）：

这是jquery mobile的参考图标：

---

我的图标显示得很好，我只希望图标不显示文本

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