체크 박스 전환 버튼이 iPhone에서 작동하지 않습니다.

Question

체크 박스 입력 유형을 사용하여 전환 버튼을 만들고 CSS를 사용하여 스타일을 변경하여 iPhone이 내 webapp에 사용하는 것과 비슷하게 보이도록하려고합니다. 현재 내 버튼은 모든 브라우저에서 훌륭하게 작동하지만 내 iPhone에로드하면 작동하지 않습니다. 버튼을 클릭해도 아무런 변화가 없습니다. 처음에는 jQTouch 나 자바 스크립트에 문제가있는 것 같았지만 모든 CSS를 제거했기 때문에 기능을 테스트 할 수 있었고 정상적으로 작동했습니다. 그래서 문제가 내 CSS의 어딘가에 있다는 것을 압니다. 이 CSS 코드로 인해 버튼을 클릭 할 수없는 이유는 무엇입니까? (그래픽과 모든 것이 작동하고 잘 보입니다. 버튼을 클릭해도 아무 일도 일어나지 않습니다.) 어떤 아이디어? 감사.

코드는이 바이올린에 있습니다 http://jsfiddle.net/4gjZX/4/

Answer 1

1. 변화의 onclick
2. 가 onclick을 라벨에 빈을 추가로 -

   DEMO

   known issue on iDevices

그러나 왜 인라인 이벤트 핸들러를 어쨌든 jQuery를 사용할 때 ???

아이디의 데이터 -, 그것은 일반적으로 속성 이름에 사용되는 이유는 무엇

Answer 2

당신은 어떤 CSS를 변경하여 작동 얻을 수 있습니다 -

label { cursor: pointer; }