2015-06-02 60 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

單擊更改到圖標按鈕,在演示看到它改變。