JQuery Mobile : 버튼을 클릭 할 때의 버튼 텍스트 변경

Question

저를 도울 수있는 숙련 된 프로그래머와 프로젝트 팀원에게 질문이 있습니다.

문제는 우리가 JQuery 모바일을 사용하여 게임을 만들고 있고, 게임이 작동하려면 버튼을 클릭하기 만하면 버튼의 텍스트를 변경하고 다시 한번 클릭하면 다시 바뀌어야한다는 것입니다.

예 : 단추에 "O"가 있고 눌러 진 경우 다시 한 번 누르면 "X"로 바뀌고 다시 "O"로 바뀝니다.

우리는 많은 성공을 거두지 않고 여러 가지 접근 방식을 시도해 왔으며 JQM을 더 잘 이해하는 사람의 조언에 감사하게 생각합니다.

다음은 우리가 제작 한 JSFiddle의 링크입니다. 이 http://jsfiddle.net/shamanu4/SCEZa/

주요 트릭을 작동해야

는

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

Answer 1

그 버튼 캡션 버튼 자체가 아니라 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>