2011-11-18 142 views
2

對於任何經驗豐富的程序員,我都可以幫助我和我的團隊成員完成項目工作。JQuery Mobile:單擊按鈕時更改按鈕文本

的問題是,我們正在使用jQuery Mobile的製作遊戲,併爲遊戲的工作,我們需要通過簡單的點擊它來改變一個按鈕上的文字,當點擊一次再次改回來。

例如:如果按鈕上有一個「O」,並按下該按鈕會更改爲「X」,然後再返回到「O」,如果它再次按下。

我們一直在努力,但沒有成功許多不同的方法,而且因爲我們是在我們自己的幾乎與此,我們將不勝感激誰的人有一個更好的瞭解JQM的意見。

以下是JSFiddle的鏈接以及我們正在管理的內容。

http://jsfiddle.net/jonsky/qh9br/1/

回答

0

這應該工作http://jsfiddle.net/shamanu4/SCEZa/

主要的竅門是按鈕標題是不是按鈕本身,而是由span標籤bormed

<div class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c" data-theme="c" aria-disabled="false"> 
    <span class="ui-btn-inner ui-btn-corner-all"> 
     <span class="ui-btn-text">o</span>  <!-- too see the result you have to change this --> 
    </span> 
    <input id="1" class="ingame ui-btn-hidden ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c" type="button" data-inline="true" data-role="button" value="o" aria-disabled="false" data-theme="c"> 
     <span class="ui-btn-inner ui-btn-corner-all"> 
     <span class="ui-btn-text"></span> 
     </span> 
    </input> 
    </div>