似乎无法弄清楚如何 get.toggle function 在 jQuery 中工作，包括该库，我有一个用于测试的 jsFiddle

Question

I can't seem to figure out why none of my console logs or alerts are working in this jQuery toggle function. I haven't used jQuery in a while so am not sure If I am doing something wrong or if there is a configuration issue with the script include.

Here is the js fiddle https://jsfiddle.net/anders_kitson/8ar9mvp4/1/

Here is the code

var chart = Highcharts.chart('container', {
    credits: {
        enabled: false
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }],

    navigation: {
        buttonOptions: {
            enabled: false
        }
    }
});

const b = document.createElement('button');
b.textContent = ' ';
b.style.position = 'absolute';
b.style.right = "0px" 
b.style.top = '10px';
b.className = "toggleMe"
b.setAttribute("id", "buttonToggle");

$( "#buttonToggle" ).toggle(function() {
  alert( "First handler for .toggle() called." );
  console.log("test")
}, function() {
  alert( "Second handler for .toggle() called." );
  console.log("test1")
});

/* b.addEventListener('click', function () {
    chart.fullscreen.toggle();
    //b.classList.remove("toggleMe");
    //b.className = "toggleMeOff"
}); */

chart.container.appendChild(b);

Answer 1

I don't know which function you would like to expect with the toggle.
This code gives you the second handler alert.

$( "#container" ).after('<button id="buttonToggle">Click Me!</button>');

$( "#buttonToggle" ).toggle(function() {
  alert( "First handler for .toggle() called." );
  console.log("test")
}, function() {
  alert( "Second handler for .toggle() called." );
  console.log("test1")
});