Highcharts JS点击iOS 6上的活动

时间:2012-11-28 18:23:11

标签: javascript-events ios6 highcharts

iOS6发布后,我们在网站上使用的Highchart条形图停止响应iOS设备上的点击事件。尽管图形渲染正确,但单击数据点时,单击函数不会触发。

奇怪的是,我发现如果它附加到mouseOut事件,该功能会触发iOS中的点击。 I.E.如果我定义events: { mouseOut: function(){ //dosomething } }然后单击图表中的数据点,iOS设备将执行该功能。 (iOS设备mouseOut总是如此,因为没有类似的触摸事件;然而,重点是某些事件在此上下文中触发。)

我在平面HTML页面中创建了一组非常基本的图形来测试iOS 6中Highcharts的基本功能,这似乎与附加到数据点的点击事件一样有效。

我很高兴发布代码(或Fiddle链接)以及图表数据的细节,但我更感兴趣的是知道是否有其他人在使用Highcharts JS的iOS 6中看到过这样的问题。

非常感谢您提供的任何见解。 (正如我所说,我使用我们网站生成的对象和数据创建的基本图表似乎在平面HTML页面上工作正常,所以我认为代码在回答问题时不会非常有用。但是,我愿意发布该代码,如果有人认为这将有助于他们得出结论。)

1 个答案:

答案 0 :(得分:1)

如果其他人遇到这个问题,我发现它是由于触摸事件的JQuery插件扩展(jquery.ui.touch-punch)冲突造成的,这是我们用来使JQ UI滑块工作的。

我还明确启用了Highcharts系列设置中的允许点击事件,这些事件以前没有被指定(尽管点击事件在预期的情况下没有在所有其他浏览器中正常工作)。

删除触摸事件JQ和添加显式点击设置的组合解决了问题。

我不太确定为什么这个特定的实例会导致点击处理程序出现问题(我们在其他地方的许多元素上使用了很多点击事件),尽管我确实看到了一些尝试在Highcharts源代码中处理触摸事件。

希望这有助于其他人。

相关问题