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：我也尝试过使用body作为父母。

Answer 1

将您的代码包裹在$(document).ready(function(){.....})

中

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

FIDDLE

Answer 2

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

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

<强> DEMO

Answer 3

使用highcharts内置事件。但是对于自定义事件，请安装highcharts-custom-events。

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

3 个答案: