2012-11-28 66 views
0

iOS6發佈後,我們在我們網站中使用的Highchart條形圖停止響應,以便點擊iOS設備上的事件。儘管圖形正確渲染,點擊功能根本不會觸發點擊內的數據點。HighchartsJS點擊iOS 6上的事件

奇怪的是,我發現該函數確實觸發了iOS中的點擊,如果它附加到mouseOut事件上的話。 I.E.如果我定義events: { mouseOut: function(){ //dosomething } }然後單擊圖中的數據點,iOS設備將執行該功能。 (有可能iOS設備mouseOut始終是這種情況,因爲沒有類似的觸摸事件;但是,重點在於某些事件是在這種情況下觸發的。)

我創建了一組非常基本的在平面HTML頁面中繪製圖表以測試iOS 6中Highcharts的基本功能,並且這似乎對附加到數據點的點擊事件按預期工作。

我很高興發佈代碼(或小提琴鏈接)的圖形數據的細節,但我更感興趣的是知道是否有其他人在iOS 6中看到過使用Highcharts JS的問題。

非常感謝您提供的任何見解。 (正如我所說,使用我們網站生成的對象和數據創建的基本圖表似乎在平面HTML頁面上運行良好,所以我不認爲代碼在回答問題方面會非常有幫助。但是,我願意發佈該代碼,如果有人認爲這將幫助他們得出結論)。

回答

1

如果有人遇到此問題,我發現它是由於與觸摸事件的JQuery插件擴展衝突(jquery.ui.touch-衝),這是我們用來使JQ UI滑塊工作。

我還明確地啓用了允許以前沒有指定的Highcharts系列設置中的點擊事件(儘管點擊事件在所有其他瀏覽器中沒有它的情況下按預期工作)。

刪除觸摸事件JQ並添加明確的點擊設置的組合已解決該問題。

我不太確定爲什麼這個特定的實例會導致點擊處理程序出現問題(我們在其他許多元素上使用了許多點擊事件),儘管我確實看到一些嘗試在Highcharts源代碼本身中處理觸摸事件。

希望這可以幫助別人。