复选框切换按钮无法在iPhone上运行

Question

我正在尝试使用复选框输入类型创建一个开/关切换按钮，并使用CSS更改样式，使其看起来像iPhone用于我的webapp。目前我的按钮在所有浏览器中运行良好，但是当我在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; }