Question

我对任何经验丰富的程序员都有疑问，他们可以帮助我和我的团队成员让我们的项目有效。

问题是，我们正在使用JQuery移动制作游戏，并且为了使游戏起作用，我们需要通过简单地单击它来更改按钮的文本，并在再次单击时再次更改。

例如：如果按钮上有一个“O”并且按下了它，它将变为“X”，如果再次按下则再变回“O”。

我们一直在尝试许多不同的方法但没有成功，因为我们非常依赖于此，我们将非常感谢能够更好地理解JQM的人的建议。

以下是JSFiddle的链接以及我们要制作的内容。

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

Answer 1

这应该有效http://jsfiddle.net/shamanu4/SCEZa/

主要技巧是按钮标题不是按钮本身，而是按span标记

  <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>

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

1 个答案: