定位jquery ui按钮

时间:2015-06-02 15:03:27

标签: jquery jquery-ui jquery-mobile

我正在尝试将jquery mobile ui button类更改为加号。我在下面使用过的。

尝试使用的新代码:

$('[id*=new] span.ui-btn-inner').removeClass('ui-btn-inner').addClass('ui-icon-plus');

以下是当前代码 -

<td align="left">

<a href="javascript:submitAction_win0(document.win0,'$IF$new$0$$0');" tabindex="51" id="$IF$new$0$$0" name="$IF$new$0$$0" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c" style="padding-top: 8px; padding-bottom: 8px;" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c"><span class="ui-btn-inner">
<span class="ui-btn-text">Add</span></span></a>
</td>

1 个答案:

答案 0 :(得分:0)

您可以将类ui-btn-icon-notext添加到按钮以隐藏文本,然后为ui-btn-inner添加另一个范围以显示图标:

    $("[id*=new]").addClass("ui-btn-inline ui-btn-icon-notext");
    $("[id*=new]").find(".ui-btn-inner").append('<span class="ui-icon ui-icon-plus ui-icon-shadow"&nbsp;></span>');
  

<强> this page

单击演示中的“更改为图标”按钮以查看其更改。