Javascript：JSON請求僅在第一次有效

Question

我有一個腳本，該腳本將click事件注冊到按鈕。 單擊按鈕時應執行的功能應向Quotes API發出JSON請求，並為Quote屬性提供隨機報價。

  $("document").ready(function() {
  $("#new-quote").on("click", newQuote());
});

function newQuote() {
  $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
    $("#quote-paragraph").html(a[0].content);
    $("#footer").html(a[0].title);
  });
}

這就是我的代碼的樣子，但是我已經嘗試了不同的解決方案並找到了我的錯誤。 我在函數的末尾添加了alert（）語句，以查看該函數是否得到執行。 好吧，有時候。 我嘗試了幾次，每次嘗試都得到了不同的結果。 我正在使用codepen.io。 謝謝你的幫助！

Answer 1

在第二行

$("#new-quote").on("click", newQuote());

您正在執行該函數並將其結果分配給onclick事件，而不是分配該函數本身。 這就是為什么函數在執行分配時執行一次，而不是執行一次，因為您實際上沒有進行分配。 做這個：

$("#new-quote").on("click", newQuote);