似乎無法弄清楚如何 get.toggle function 在 jQuery 中工作，包括該庫，我有一個用於測試的 jsFiddle

Question

我似乎無法弄清楚為什么我的控制台日志或警報都沒有在這個 jQuery 切換 function 中工作。 我已經有一段時間沒有使用 jQuery 了，所以不確定我是否做錯了什么，或者腳本是否存在配置問題。

這是js小提琴https://jsfiddle.net/anders_kitson/8ar9mvp4/1/

這是代碼

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

我不知道您希望切換哪個 function 。
此代碼為您提供第二個處理程序警報。

$( "#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")
});