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

如何使用Nav Bar中的Icon Only按钮（Jquery Mobile）

1 个答案: