Javascript HighChart正在阻止父对象上的单击事件
Javascript HighChart正在阻止父对象上的单击事件,javascript,jquery,dom,highcharts,Javascript,Jquery,Dom,Highcharts,我正在构建一个表格，当单击单元格时，高位图表将显示在其位置（与翻转卡的方式相同）。单击highchart时，单元格将恢复为原始状态。 但是，动态创建图表后，当直接单击图表时，父对象上的所有“我的单击”功能将停止工作。 我创建了这个小JSFIDLE来演示我的问题： 代码：$（'#contentDiv'）。on（'click'，'.homepageChart'，function（）{}） $（'contentDiv'）。on（'click'，'homepageChart'，function（）{}
我正在构建一个表格，当单击单元格时，高位图表将显示在其位置（与翻转卡的方式相同）。单击highchart时，单元格将恢复为原始状态。
但是，动态创建图表后，当直接单击图表时，父对象上的所有“我的单击”功能将停止工作。 我创建了这个小JSFIDLE来演示我的问题：
代码：
$（'#contentDiv'）。on（'click'，'.homepageChart'，function（）{}）
$（'contentDiv'）。on（'click'，'homepageChart'，function（）{}）；
直接单击图表时，此功能不会启动。为什么？怎么可能呢
提前谢谢 看看这个：。由于每次单击都要添加Highcharts
，因此我将.detach（）
方法添加到.hide（）
方法的回调函数中，以便在二次单击时删除
。现在似乎工作正常。看看这个：。由于每次单击都要添加Highcharts
，因此我将.detach（）
方法添加到.hide（）
方法的回调函数中，以便在二次单击时删除
。它现在似乎工作正常。我已经添加了一个带有z-index:1到我的highcharts，这似乎解决了问题。然而，这似乎不正确，因为我应该能够监听动态创建的highcharts事件。如果有人对此有一些信息，请分享。
这里是最新的小提琴：
我添加了一个覆盖层，上面有z-index:1到我的highcharts，这似乎解决了问题。然而，这似乎不正确，因为我应该能够监听动态创建的highcharts事件。如果有人对此有一些信息，请分享。
这里是最新的小提琴：
嗨，谢谢你的关注。然而，它仍然不起作用。当我单击图表时，它不会被隐藏，也不会调用onDivClick
。嗨，是的，很抱歉，我的修复程序只允许在单击#contentDiv
时显示和隐藏图表，而不是在单击新添加的
时显示和隐藏图表。对于您共享的最新fiddle，删除z-index属性似乎没有任何区别。因此，您似乎是通过添加一个同级元素（.chartOverlay
）以及包含图表的div
来解决问题的。看起来这可能是一个传播问题。@fasola81-你可能还想看看这个相关的线程。嗨，谢谢你看。然而，它仍然不起作用。当我单击图表时，它不会被隐藏，也不会调用onDivClick
。嗨，是的，很抱歉，我的修复程序只允许在单击#contentDiv
时显示和隐藏图表，而不是在单击新添加的
时显示和隐藏图表。对于您共享的最新fiddle，删除z-index属性似乎没有任何区别。因此，您似乎是通过添加一个同级元素（.chartOverlay
）以及包含图表的div
来解决问题的。这似乎是一个传播问题。@fasola81-您可能还想看看这个相关的线程。