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);