並非所有事件都在單擊按鈕時觸發

Question

編輯：我已經修復了代碼，以便回調drawChart外部調用drawChart ，它實際上在單擊按鈕時起作用。 但是，一鍵式單擊就需要發生兩件事。

我正在使用$.get來獲取已加載到服務器端陣列（nodejs）中的數據，然后將此數據的響應發送到餅圖。 我沒有在命令提示符下或瀏覽器內的控制台上收到任何錯誤，所以我對為什么兩個.click操作均未觸發感到.click 。

最初，餅圖無法正常工作，但是隨后我對其進行了調整，以使其在正確的時間單擊按鈕即可繪制圖表，現在該圖表可以工作了，但其他操作卻沒有。

此外，單擊按鈕是否不可能有多個$.get請求？ 我沒有在下面的代碼中完全實現它，但是我最終試圖做到這一點。 （在第一個請求上，我向客戶端javascript發送了一組tweet進行解析，在第二個請求上，我向客戶端javascript發送了一系列其他分析數據，以放入餅圖可視化中）

這是一些代碼：

$("#startButton").click(function() {
    $.get( "/startButton", success);
    function success(data){ ... code inside creates html for 2 divs..., has been working }
});

function drawChart() {
    var data = google.visualization.arrayToDataTable(
    //chartData);
    [
    ['Task', 'Hours per Day'],
    ['Work',     11],
    ['Eat',      2],
    ['Commute',  2],
    ['Watch TV', 2],
    ['Sleep',    7]
    ]);
    var options = {
        title: 'Retweets versus Original Tweets'
    };
    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);
}
function initialize() {
    $('#startButton').click(function() {
        drawChart();
    });
}
google.setOnLoadCallback(initialize);
google.load("visualization", "1", {packages:["corechart"]});

Answer 1

完全不調用drawChart()函數。 這應該工作：

//    $(document).ready(function() {

google.load("visualization", "1", {packages:["corechart"]});

function drawChart() {
    var data = google.visualization.arrayToDataTable(
    //chartData);
    [
    ['Task', 'Hours per Day'],
    ['Work',     11],
    ['Eat',      2],
    ['Commute',  2],
    ['Watch TV', 2],
    ['Sleep',    7]
    ]);
    var options = {
      title: 'Retweets versus Original Tweets'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);

    //google.setOnLoadCallback(drawChart);
}
google.setOnLoadCallback(drawChart);

//});