複選框切換按鈕不工作的iPhone

Question

我試圖讓使用複選框，輸入型的開/關切換按鈕，使用CSS來改變風格有它看起來像iPhone使用我的web應用程序的人。目前我的按鈕在所有瀏覽器中效果很好，但是當我將它加載到我的iPhone上時，它不起作用，當您單擊按鈕時什麼也沒有發生。起初，我認爲這可能是我的jQTouch或JavaScript的問題，但我刪除了所有的CSS，所以我可以測試功能，它工作正常。所以我知道這個問題在我的CSS中。任何想法爲什麼這個CSS代碼不允許我點擊按鈕。 （圖形和一切工作，看起來很好，只要點擊按鈕什麼都沒有發生）。有任何想法嗎？謝謝。

代碼是在這個提琴： http://jsfiddle.net/4gjZX/4/

Answer 1

1. 變化的onclick
2. 空添加的onclick的標籤 - known issue on iDevices

DEMO

但是爲什麼有內嵌的事件處理程序當你使用jQuery嗎？

而且爲什麼在ID數據 - ，它通常用於屬性名稱

Answer 2

你可以得到它的工作原理是使一些CSS的變化： -

label { cursor: pointer; }