controlgroup:JQM 1.4中标题上未显示的图标

时间:2014-02-15 19:42:36

标签: jquery-mobile

在版本3.1上,我可以看到“控制组”中嵌入的标题上的图标,现在版本4.0或4.1都没有显示。

    <div data-role='header' data-position='fixed' data-theme='b'>

        <div data-role='controlgroup' class='ui-btn-right' data-type='horizontal'>
          <a href='#Pag_Audita' class='ui-btn ui-icon-grid ui-btn-inline'>Regs</a>
          <a href='#Pag_Info' class='ui-btn ui-icon-gear ui-btn-inline'>Info</a>
          <button onclick ='Refresh()' class='ui-btn ui-icon-refresh ui-btn-inline'>Update</button>
        </div>

        <h1 class='ui-title' role='heading'></h1>

    </div>

我缺少任何弃用的东西吗?

由于

1 个答案:

答案 0 :(得分:2)

您在控制组中不需要ui-btn-inline,因此请将其删除并添加ui-btn-icon-leftui-btn-icon-right,具体取决于您希望图标显示的位置:

<div data-role='controlgroup' class='ui-btn-right' data-type='horizontal'>
    <a href='#Pag_Audita' class='ui-btn ui-icon-grid ui-btn-icon-left'>Regs</a>
    <a href='#Pag_Info' class='ui-btn ui-icon-gear ui-btn-icon-left'>Info</a>
    <button onclick ='Refresh()' class='ui-btn ui-icon-refresh ui-btn-icon-left'>Update</button>
</div>