在jQuery Mobile中将默认图标适合标题按钮

Question

我正在尝试将菜单式下拉按钮添加到通过jQuery Mobile创建的移动应用程序的标题中，但我找不到一种方法来将默认的“齿轮”图标适合按钮。以下是HTML页面。

<div data-role="header">    
            <a href="#cfgMenu" data-rel="popup" data-role="button" data-inline="true" data-transition="slidedown" data-icon="gear" data-theme="a"></a>

            <div data-role="popup" id="cfgMenu" data-theme="a">
                <ul data-role="listview" data-inset="true" style="min-width: 210px;" data-theme="a">
                    <li data-role="divider" data-theme="a">Configura</li>
                    <li><a href="#">Lingua</a>
                    </li>
                    <li><a href="#">Sci club</a>
                    </li>
                    <li><a href="#">Preferenze</a>
                    </li>
                </ul>
            </div>
                <h1>Title</h1>

        </div>
</div>

使用此HTML，结果如下：

如果我向<a>添加style =“height：100％”，结果如下：

如何将图标放入图像中？

---

刚发现添加文字一切正常。但是标题中的空间是有限的，所以我想避免这个解决方案

Answer 1

对于jQM 1.4，您使用按钮类而不是数据属性：

<a href="#cfgMenu" data-rel="popup" class="ui-btn ui-btn-inline ui-icon-gear ui-btn-icon-notext" data-transition="slidedown"  data-theme="a"></a>

  

<强> DEMO