我有一个脚本,该脚本将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一起工作。谢谢你的帮助!
在第二行
$("#new-quote").on("click", newQuote());
您正在执行该函数并将其结果分配给onclick事件,而不是分配该函数本身。这就是为什么函数在执行赋值时执行一次,而不是再次执行,因为您实际上没有赋值。做这个:
$("#new-quote").on("click", newQuote);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句