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

标签 javascript jquery dom highcharts


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

最佳答案

看看这个:jsfiddle.net/cssimsek/4Wa32/1 。由于您附加了 Highcharts <div>每次点击我都会添加 .detach() .hide()的回调函数的方法方法,以删除 <div>二次点击。现在看起来一切正常。

关于javascript - HighChart 正在阻止父级上的点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19942600/

相关文章:

javascript - 不能用 react/webpack 要求 css 文件

jquery - 更改元素类而不使用 css 动画

javascript - 将脚本作为字符串添加到文本区域值中

javascript - 如何搜索 HTMLDivElement 的子元素?

javascript - 如何在此函数中获取父 ID?

javascript - jquery 在 chrome、mozilla 和 IE 中工作,但在 safari 中不工作

php - 将数据从 jQuery 传递到 PHP 以获取 ajax 帖子

javascript - while 内的 Node.JS 回调

javascript:ie8 windows对象使用onpropertychange崩溃

javascript - jQuery animate scrolltop on Opera 错误