2015-06-02 62 views
2

我想改变jquery移动用户界面按钮类到一个加号。我在下面使用了什么。针对jQuery的用户界面按钮

新的代码试图利用:

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

你应该把你的代码放在问题中,而不是在评论中。代码很难在评论中阅读,而且它们不是为它设计的。另外,你的问题是什么?你有错误吗?你的代码是否有一些意想不到的副作用?解释出了什么问题。 – leigero

+0

如果您在控制台中键入'$('[id * = new] span.ui-btn-inner')',您是否看到您的跨度? –

+0

是的,我确实看到了跨度。代码在控制台中工作。期望当我结合脚本与pageinit。 – user4641492

回答

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>'); 

DEMO

单击更改到图标按钮,在演示看到它改变。