如何使用jquery选择“向上钻取”按钮，以便可以执行on click事件？

Question

I am using highcharts, the pie-drilldown one. I created three buttons outside of the div my highchart is in and when a pie slice is clicked it hides the three buttons, but I want the three buttons to reappear when the drill up button is clicked using jquery. If there is a way to do it without jquery I'm open to that idea too.

var $button0 = $('#button0');
var $button1 = $('#button1');
var $button2 = $('#button2');
$('tspan[class=highcharts-text-outline]').click(function () { // WORKS
    $button0.hide(); $button1.hide(); $button2.hide();
    .
    . Other code that doesn't matter
    .
});

$('#highcharts-lb5nb7e-2 > svg > g.highcharts-button.highcharts-drillup-button.highcharts-button-normal').click(function (){ // DOESN'T WORK

    $button0.show(); $button1.show(); $button2.show();
    alert("AM I BEING CALLED?!");
});

Thank you

Answer 1

You can use events of highcharts for show and hide of buttons

 chart: {
    type: 'pie',
    events:{
        drilldown:function(){
        var butonsElems=document.getElementsByTagName('button')
        for(var i=0;i<butonsElems.length;i++){
            butonsElems[i].style.display='none'
        }
      },
      drillup:function(){
        var butonsElems=document.getElementsByTagName('button')
        for(var i=0;i<butonsElems.length;i++){
            butonsElems[i].style.display=''
        }
      }
    }
},

Fiddle Demonstration