如何使用Nav Bar中的Icon Only按钮(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>

在这里演示

这是jquery mobile的参考图标: JQuery Mobile Icons