JQuery Mobile：单击按钮时更改按钮文本

Question

对于任何经验丰富的程序员，我都可以帮助我和我的团队成员完成项目工作。

的问题是，我们正在使用jQuery Mobile的制作游戏，并为游戏的工作，我们需要通过简单的点击它来改变一个按钮上的文字，当点击一次再次改回来。

例如：如果按钮上有一个“O”，并按下该按钮会更改为“X”，然后再返回到“O”，如果它再次按下。

我们一直在努力，但没有成功许多不同的方法，而且因为我们是在我们自己的几乎与此，我们将不胜感激谁的人有一个更好的了解JQM的意见。

以下是JSFiddle的链接以及我们正在管理的内容。

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

Answer 1

这应该工作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>