javascript - 太多的递归-jQuery-为什么？

我在这个问题上苦苦挣扎了几个小时，但没有成功的迹象。我正在尝试实现Facebook登录。这是我的代码：

function fblogin() {
 FB.login(function(response) {
    if (response.authResponse) {
        var url = '/me?fields=name,email';
        FB.api(url, function(response) {
            $('#email_login').val(response.email);
            $('#pwd_login').val(response.name);
            $('#sess_id').val(response.id);
            if($('#evil_username').val()==""){
                $('#loginform').submit();
            }else{
             // doh you are bot
            }
        });
    } else {
        // cancelled
     }
  }, {scope:'email'});
 }

但是一旦我单击Facebook登录按钮，我就会在控制台中找到too much recursion。这是为什么？我在stackoverflow上阅读了很多有关此问题的问题，但找不到我的情况的线索。

我在这里没有递归，但是正在发生什么导致递归呢？

并且有来自它的呼吁

window.fbAsyncInit = function() {
FB.init({
  appId      : 'xxxxxxxxxxxxx',
  channelUrl : '//www.mydomain.de/channel.html',
  status     : true,
  cookie     : true,
  xfbml      : true
});
// Additional init code here
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
      // connected
} else if (response.status === 'not_authorized') {
      // not_authorized
      fblogin();
} else {
      // not_logged_in
      fblogin();
}
});
};

也可以通过正常的LOGIN按钮触发fblogin()。

最佳答案

我看不到您的onclick代码在哪里或调用fblogin()的操作，并且我假设问题出在何时调用fblogin()。

 function fblogin(event) {
   event.stopPropagation();

在每个函数fblogin(event)调用中添加一个事件参数，以便跨浏览器兼容。

当事件发生时，它将遍历到父元素，以便它们可以继承事件处理程序（在您的情况下为function fblogin()）。当您停止传播stopPropagation()时，您将停止DOM遍历，并且如果设置了stopPropagation，则调用该函数的元素将不会将处理程序传递给父级。这一切都意味着浏览器将停止循环访问所有DOM元素，并使jquery的递归减少。