Javascript:JSON请求仅在第一次使用时有效

彼得·西莉

我有一个脚本,该脚本将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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Xaml C#绑定数据仅在第一次有效

来自分类Dev

我的剑道级联下拉列表失败了。仅在第一次使用时有效

来自分类Dev

jQuery | 点击操作仅在第一次有效

来自分类Dev

jQuery Mobile listview详细信息页面数据跟踪仅在第一次时有效

来自分类Dev

twitter小部件仅在第一次加载时有效,然后失败

来自分类Dev

jQuery代码第一次有效,第二次仅在刷新页面后有效

来自分类Dev

重新加载页面后,Gif无法正常工作。仅在第一次打开窗口时有效

来自分类Dev

调用使用观察功能在选择框中显示子类别列表的功能仅在第一次时有效

来自分类Dev

使用自定义过滤器按钮过滤列表,仅在第一次单击时有效,但随后的点击效果不佳!特效

来自分类Dev

正常运行时,第一次点击chrome.runtime.sendMessage无效。它虽然在调试时有效

来自分类Dev

JavaScript在使用Node调用时有效,但仅在从HTML调用时才有效

来自分类Dev

jQuery仅在第一次时有效,但在第二次在ng-repeat中循环时无效

来自分类Dev

jQuery验证-errorPlacement仅在第一次使用时有效

来自分类Dev

从mysql获取的jQuery仅在第一次有效

来自分类Dev

异步函数在一次但不是多次调用时有效

来自分类Dev

Intent Intents.Insert.ACTION仅在第一次使用时有效?

来自分类Dev

文档生成仅在第一次时有效

来自分类Dev

jQuery ajax发布仅在第一次有效

来自分类Dev

jQuery Mobile listview详细信息页面数据跟踪仅在第一次时有效

来自分类Dev

具有`getopts`的Bash函数仅在第一次运行时有效

来自分类Dev

Office 365应用和Angular 2路由仅在第一次使用时有效

来自分类Dev

Javascript:JSON请求仅在第一次使用时有效

来自分类Dev

对象搜索仅在第一次时有效

来自分类Dev

存储过程中的临时视图仅在第一次更新时有效

来自分类Dev

切换仅在第一次时有效

来自分类Dev

getElementById 仅在第一次有效

来自分类Dev

为什么按 Id 对对象列表进行分组仅在第一次调用该函数时有效?

来自分类Dev

用户权限检查仅在安装后第一次有效

来自分类Dev

sorted() 仅在第一次调用时失败

Related 相关文章

  1. 1

    Xaml C#绑定数据仅在第一次有效

  2. 2

    我的剑道级联下拉列表失败了。仅在第一次使用时有效

  3. 3

    jQuery | 点击操作仅在第一次有效

  4. 4

    jQuery Mobile listview详细信息页面数据跟踪仅在第一次时有效

  5. 5

    twitter小部件仅在第一次加载时有效,然后失败

  6. 6

    jQuery代码第一次有效,第二次仅在刷新页面后有效

  7. 7

    重新加载页面后,Gif无法正常工作。仅在第一次打开窗口时有效

  8. 8

    调用使用观察功能在选择框中显示子类别列表的功能仅在第一次时有效

  9. 9

    使用自定义过滤器按钮过滤列表,仅在第一次单击时有效,但随后的点击效果不佳!特效

  10. 10

    正常运行时,第一次点击chrome.runtime.sendMessage无效。它虽然在调试时有效

  11. 11

    JavaScript在使用Node调用时有效,但仅在从HTML调用时才有效

  12. 12

    jQuery仅在第一次时有效,但在第二次在ng-repeat中循环时无效

  13. 13

    jQuery验证-errorPlacement仅在第一次使用时有效

  14. 14

    从mysql获取的jQuery仅在第一次有效

  15. 15

    异步函数在一次但不是多次调用时有效

  16. 16

    Intent Intents.Insert.ACTION仅在第一次使用时有效?

  17. 17

    文档生成仅在第一次时有效

  18. 18

    jQuery ajax发布仅在第一次有效

  19. 19

    jQuery Mobile listview详细信息页面数据跟踪仅在第一次时有效

  20. 20

    具有`getopts`的Bash函数仅在第一次运行时有效

  21. 21

    Office 365应用和Angular 2路由仅在第一次使用时有效

  22. 22

    Javascript:JSON请求仅在第一次使用时有效

  23. 23

    对象搜索仅在第一次时有效

  24. 24

    存储过程中的临时视图仅在第一次更新时有效

  25. 25

    切换仅在第一次时有效

  26. 26

    getElementById 仅在第一次有效

  27. 27

    为什么按 Id 对对象列表进行分组仅在第一次调用该函数时有效?

  28. 28

    用户权限检查仅在安装后第一次有效

  29. 29

    sorted() 仅在第一次调用时失败

热门标签

归档