javascript - HighChart 正在阻止父级上的单击事件

Question

我正在构建一个表格，当单击单元格时，高图表会显示在其位置（与翻转卡相同的方式）。当点击 highchart 时，单元格将恢复为原始状态。
但是，在动态创建图表后，我在父级上的所有点击功能在直接点击图表时都会停止工作。我创建了这个小 jsFiddle 来演示我的问题： http:
//jsfiddle.net/2j4qQ/2/
代码：$('#contentDiv').on('click', '.homepageChart', function() {}); $('#contentDiv').on('click', '.homepageChart', function() {}) ; 直接单击图表时不会触发此功能。为什么？怎么可能
提前谢谢。

Answer 1

看看这个：jsfiddle.net/cssimsek/4Wa32/1。<div>由于您在每次点击时都附加了 Highcharts ，因此我将该方法添加到该.detach()方法的回调函数中.hide()，以便删除<div>二次点击。现在似乎工作正常。

Answer 2

我在我的 highcharts 添加了一个覆盖，z-index:1;这似乎解决了这个问题。但是，这似乎不正确，因为我应该能够收听动态创建的 highcharts 事件。如果有人对此有一些信息，请分享。这是更新的小提琴：http: //jsfiddle.net/2j4qQ/5/