JQuery Mobile: изменение текста кнопки при нажатии кнопки

Question

У меня есть вопрос к любому опытному программисту, который мог бы помочь мне и члену моей команды запустить наш проект.

Проблема в том, что мы создаем игру с использованием мобильного JQuery и для игрычтобы работать, нам нужно изменить текст кнопки, просто щелкнув ее, и снова щелкнуть обратно при повторном нажатии.

Например: если на кнопке была буква «О», и она была нажата, она быизмените на «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>