jquery - CSS 字体在点击时不适用于 jQuery

Question

所以我今天正要发布一个免费插件，但我遇到了一个大问题，所有图标按钮都不能在移动设备上运行，我无法找到一个好的解决方案，而无需调整布局并使用图像图标。

基本上，图标字体或导入的 CSS 字体似乎不适用于移动设备上的点击检测（我在 iPhone 4、iPhone 5 和 iPad 3 所有 iOS 6.x 上尝试了小提琴），但没有一个注册了点击.

我也尝试在 on 命令中使用 touch 等，但无济于事。任何人都可以对此有所了解吗？

JSFiddle - http://goo.gl/pQxce

Answer 1

如果有人在使用图标字体、css 字体等时遇到这个烦人的问题，那么希望这会有所帮助。如果您无法点击注册（第一次），我发现解决方案就像向元素添加填充一样简单。

在偶然发现之前，我尝试了很多不同的东西（更复杂），但似乎用一个简单的 1px 填充按钮在移动设备上完美运行。

http://goo.gl/XZzsL - 更新的小提琴示例

Answer 2

事实证明，ios“认为”锚标记中没有任何内容，因此您无法触摸/单击该图标。向链接添加填充对我不起作用，但添加一个 display:inline-block 并为其设置宽度对我有用。

.close-button{
    display:inline-block;
    color:#000000;
    width:10px;
}

查看修改后的 jsfiddle 是否有效：http: //jsfiddle.net/pA9pH/9/