TL;DR:“点击”侦听器对于表格单元格 (td) 和标题 (th) 不准确,在带有移动 Safari 的 iPad 2 上点击时似乎在单元格边界之外进行侦听。这是一个已知问题吗?是否有解决方法?
非常具体的问题,没有示例代码(没有必要)。希望那里有人发现这个问题并且之前已经解决了这个问题!
我有一个使用 DataTables.net 和 jQuery UI 构建的表。这应该是偶然的,但我还是想提一下。该表侦听许多不同元素上的单击事件(我相信移动 Safari 将其简单地翻译为点击),包括行标题(用于排序)和某些单元格内容。
在 Mac(连接了 iPad)上使用 Inspector,我可以清楚地看到在填充、边框、边距甚至“可见性:隐藏”或类似的内容方面没有意外重叠的元素。此外,它们是具有默认行为的表格单元格;不是表格单元格的模拟。
在实际数据的第一行中,如果我点击单元格上半部分的任何位置,它实际上会触发侦听器以获取行标题中的点击。我放大到一个可笑的水平,这样我就知道我没有不小心轻推标题,并且我已经确认点击完全发生在表格单元格内,而不是上面的标题。
有谁知道是否有元属性或某些 CSS 甚至 JavaScript 解决方法来解决这种缺乏精度的问题?我点击单元格的至少一半时间实际上是触发列排序(来自幽灵标题点击)。
我能想到的唯一解决方法是将每个单元格的内容包装在一个 div 或 span 中,将它们从单元格的边缘稍微填充一下,并希望以这种方式人为地减少点击目标区域。