多次启动自定义JS函数？

Question

我的问题是，当我尝试在一个页面上多次触发SocialAPI（...）时，它将仅触发第一个事件，而不会完成其他请求。 我不明白这是怎么回事-我对这门语言的学习还比较陌生，我有点被困在这里。

我已经尝试过测试自己使用的每个呼叫，并且每个呼叫都能正常工作，它似乎只返回一个而忽略其他请求。

该函数访问在我的服务器上运行的API，以访问多个社交媒体API（不确定是否相关）。

我已经检查了日志，它们在代码中没有错误。

感谢您的任何帮助。

例如

index.html（某些页面）

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

<script>
    $(document).ready(function() {
        SocialAPI("div1", "twitter", "uid");
        SocialAPI("div2", "facebook", "uid");
        SocialAPI("div3", "instagram", "uid");
    });
</script>

SocialAPI（）函数缩短

function SocialAPI(target, platform, uid, mode) {
    if(!target) {target="";} else { target = "#" + target}
    if(!platform) {platform="";}
    ...so on for each...

    var APIBase = "https://api.domain.com/?platform=" + platform + "&uid=" + uid + "&mode=" + mode;

    if(platform == "instagram") {
    $.ajax({
      url: APIBase,
      dataType: "json",
      success: function(r) {
          $(target).html(r.data.counts.followed_by);
      }
        });
    } else if(platform == "twitter") {
    ...so on for diff platforms...
    }
  } else {
    return false;
  }
}

Answer 1

尝试

function loadSocial(){
    SocialAPI("div1", "twitter", "uid");
    SocialAPI("div2", "facebook", "uid");
    SocialAPI("div3", "instagram", "uid");
}

然后更新：

$(document).ready(function() {
    loadSocial();
});

点击Enter太早了，将以下内容添加到SocialAPI函数的第一行：

console.log("Platform", platform);