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：我也嘗試使用body作爲父項。

Answer 1

你的代碼你爲什麼不使用Highchart API，用於捕獲點擊

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

DEMO

Answer 2

包裹內$(document).ready(function(){.....})

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

FIDDLE

Answer 3

使用highcharts內置事件。但對於自定義事件，請安裝highcharts-custom-events。