點擊活動在highcharts中不會觸發工具提示

Question

我正在使用Highchart圖書館。我通過格式化函數回調創建一個工具提示，並在工具提示中插入一個鏈接。

config.tooltip.formatter = function(){ 
        //console.log(this) 
        var tooltipHTML = "<b>✔ " + this.y + "% - " + this.key + "</b>"; 
        var userImg = $('.user-picture').html(); 
        if (userImg) { 
         tooltipHTML += "<div class='user-avatar-comment'>"; 
         tooltipHTML += userImg; 
         tooltipHTML += "</div>"; 
        } 
        tooltipHTML += "<div class='comment_filter'><a class='comments_buble' href='#' data-series='" + this.point.index + "'>Comment</a></div>"; 

        return tooltipHTML; 
       } 

現在我想打電話給ajax點擊，但點擊事件不發射。

jQuery('.comments_buble').on('click', function(e) { 
//ajax call here 
}) 

這裏是代碼

http://jsfiddle.net/vxnq3578/3/

Answer 1

工具提示動態添加到頁面後的DOM被加載，所以你需要使用委派事件處理程序：

$(document).on('click', '.comments_buble', function(e) { 
    // ajax call here 
}) 

可能