CODEWITHSUNDEEP
javascriptjquerydomhighcharts
fasola81
fasola81

Reputation: 297

HighChart is preventing click event on a parent


I am building a table where when cell is clicked high charts is shown in its place(same way as flip cards). And when highchart is clicked a cell is reverted back it is original state.
However, after creating a chart dynamically all my click functions on a parent stop working when clicking on a chart directly. I have created this small jsFiddle to demonstrate my problem:
http://jsfiddle.net/2j4qQ/2/
Code:$('#contentDiv').on('click', '.homepageChart', function() {}); $('#contentDiv').on('click', '.homepageChart', function() {}); This function does not fire when clicking directly on a chart. Why? and how can it be
Thanks in advance.

Upvotes: 1

Views: 820

Answers (2)

fasola81
fasola81

Reputation: 297

I have added an overlay with z-index:1; to my highcharts which seems to solve the problem. However, this seems incorrect, since i should be able to listen to dynamically created highcharts events. If anyone has some info on this please share. Here is updated fiddle: http://jsfiddle.net/2j4qQ/5/

Upvotes: 0

cssimsek
cssimsek

Reputation: 1265

Have a look at this: jsfiddle.net/cssimsek/4Wa32/1. Since you were appending the Highcharts <div> with each click I added the .detach() method to the callback function of the .hide()method, in order to remove the <div> on secondary clicks. It seems to be working ok now.

Upvotes: 1

Related Questions