다음 코드를 Android 디바이스에서 이상한 동작을 일으키는 jQuery 모바일 1.0.1의 체크 박스 목록으로 설정했습니다.jQuery Mobile 체크 박스 자체 선택을 취소합니다
<fieldset data-role="controlgroup">
<div id="container">
<div id="List1">
<input type="checkbox" name="1" id="Team-1-Player-1" data-theme="a"/>
<label for="1" data-theme="a">
<span class="ui-grid-b grid">
<span class="ui-block-a col1">1</span>
<span class="ui-block-b col2">Name <span class="pos">Position</span></span>
<span class="ui-block-c col3">Avg</span>
</span>
</label>
<input type="checkbox" name="2" id="Team-1-Player-2" data-theme="a"/>
<label for="2" data-theme="a">
<span class="ui-grid-b grid">
<span class="ui-block-a col1">2</span>
<span class="ui-block-b col2">Name <span class="pos">Position</span></span>
<span class="ui-block-c col3">Avg</span>
</span>
</label>
</div>
</div>
</fieldset>
페이지에 따라 여러 개의 '목록'div가있을 수 있지만 동작은 동일합니다. 사용자가 레이블 태그 내의 아무 곳이나 누르면 모든 것이 잘 작동하지만 jquery mobile에 의해 생성 된 확인란 아이콘을 누르면 체크 표시가 나타나고 즉시 선택이 취소됩니다. 이것은 Android 기기에서만 발생합니다.
편집 :
내가 결국 체크 박스 아이콘 JQuery와 모바일을 제거하여이 문제를 해결 CSS를 통해 추가하고 체크 박스의 라벨의 배경 이미지로 내 자신의 아이콘을 넣어. 체크 박스의 변경 이벤트에서 체크 된 것과 체크되지 않은 것 사이의 전환을 처리했습니다. 모든 제안을 주셔서 감사합니다.
어떤 jQuery Mobile 버전을 사용하고 있습니까? – Jasper
또한 ID가 유효한 HTML 식별자가 아닙니다. 자세한 내용은 http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html – Jasper
버전 1.0 .1. ID는 실제로 "Team-1-Player-1"과 유사합니다. 나는이 게시물을 위해 그들을 단축했다. 나는 그것을 고칠 것이다, 고마워. – Ross