针对 jquery ui 按钮答案

【问题标题】：targeting jquery ui buttons针对 jquery ui 按钮
【发布时间】：2015-06-02 15:03:27
【问题描述】：

我正在尝试将 jquery mobile ui 按钮类更改为加号。我在下面使用了什么。

新代码尝试使用：

$('[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>

【问题讨论】：

您应该将代码放在问题中，而不是在 cmets 中。 cmets 中的代码很难阅读，而且它们不是为此而设计的。另外，你的问题是什么？你有错误吗？您的代码是否有一些意想不到的副作用。解释出了什么问题。
如果你在控制台输入$('[id*=new] span.ui-btn-inner')，你看到你的span了吗？
是的，我确实看到了跨度。代码在控制台中工作。期望当我将脚本与 pageinit 结合使用时。
我在问题部分插入了代码 - 但由于某种原因它被删除了。控制台中没有错误。代码没有运行。

标签： jquery jquery-ui jquery-mobile

【解决方案1】：

您可以将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>');

DEMO

单击演示中的更改为图标按钮以查看它的变化。

【讨论】：