javascript - 复选框切换按钮在 iPhone 上不起作用

Question

我正在尝试使用复选框输入类型制作开/关切换按钮，并使用 CSS 更改样式以使其看起来像 iPhone 用于我的 web 应用程序的样式。目前我的按钮在所有浏览器中都很好用，但是当我在 iPhone 上加载它时它不起作用，当你点击按钮时没有任何反应。起初我认为这可能是我的 jQTouch 或 javascript 的问题，但我删除了所有的 CSS，所以我可以测试功能并且它工作正常。所以我知道问题出在我的 CSS 中。知道为什么这个 CSS 代码不允许我点击按钮。（图形和一切都工作得很好，当我点击按钮时什么也没有发生）。有任何想法吗？谢谢。

代码在这个小提琴中：http: //jsfiddle.net/4gjZX/4/

Answer 1

1. 更改为 onclick
2. 在标签上添加一个空的 onclick - iDevices 上的已知问题

演示

但是，当您使用 jQuery 时为什么还要有内联事件处理程序？？？

也是为什么ID中的data-，它通常用于属性名称

Answer 2

您可以通过进行一些 css 更改来使其工作：-

label { cursor: pointer; }