Jquery:Highcharts对象上的动态绑定事件

Question

我正在尝试使用，但没有运气

$("parent").on("click","child",function(){
  //
}

我的 HTML 是这样坐的

<ul id="carouselRoot">
    <li id="container0"><div class="highcharts-container">.....</li>
    <li>
        <ul id="subCarousel">
             <li id="container1"><div class="highcharts-container">.....</li>
             <li id="container2"><div class="highcharts-container">.....</li>
             <li id="container3"><div class="highcharts-container">.....</li>
        </ul>
    </li>
</ul>

我正在尝试捕获每个图表上的点击事件。所以，$（".highcharts-container"）.click（） 工作正常，但我也会动态地将图表添加到 #subCarousel。

和做

$("#subCarousel li").on("click",".highcharts-container",function(){});

根本不调用调用。我该如何解决这个问题？

PS：我也尝试过使用身体作为父母。

Answer 1

为什么不使用Highchart API来捕获点击

$('#container').highcharts({
        chart: {
            events: {
                click: function(event) {
                    alert ('clicked');
                }
            }        
        }
});

演示

Answer 2

将

代码包装在$(document).ready(function(){.....})

$(document).ready(function(){
    $("#subCarousel li").on("click",".highcharts-container",function(){
        alert('fgfg');
    });
});

小提琴

Answer 3

使用高图表内置事件。但对于自定义事件，请安装高图表自定义事件。