想要在加載數據後執行腳本Div

Question

我在這個數據中有一個DIV從服務器加載。我希望我的JS只有在Div中有數據時才能執行。數據是由Facebook的API

<Div id='profilePicsDiv' > DATA</div> 

JS加載

$(document).ready(function() { 

    FB.getLoginStatus(function (response) { 
     var profilePicsDiv = document.getElementById('profile_pics'); 
     FB.api({ 
      method: 'friends.get' 
     }, function (result) { 

      // var result =resultF.data; 
      // console.log(result); 
      var user_ids = ""; 
      var totalFriends = result.length; 
      // console.log(totalFriends); 
      var numFriends = result ? Math.min(25, result.length) : 0; 
      // console.log(numFriends); 
      if (numFriends > 0) { 
       for (var i = 0; i < numFriends; i++) { 
        var randNo = Math.floor(Math.random() * (totalFriends + 1)) 
        user_ids += (',' + result[randNo]); 
        randNo++; 
        if (randNo >= totalFriends) { 
         randNo = 0; 
        } 
        // console.log(user_ids); 
       } 
      } 
      profilePicsDiv.innerHTML = user_ids; 
     }); 
    }); 

} 

現在我想之後的數據加載到執行該

$(document).ready(function() { 
    var user_ids = document.getElementById('profile_pics').innerHTML; 

    if (user_ids == '') {} else 

    { 
     FB.ui({ 
      method: 'apprequests', 
      message: 'See anyones secret hidden pictures :)', 
      to: user_ids, 
      /// How to Fill the ID's HERE ? 
     }, requestCallback); 
    } 
} 

function requestCallback(response) { 
    // Handle callback here 
} 

}); 

不過80％，我得到警報作空白， 20％的時間我得到的價值，我可以做一些事情，這個函數執行後，它肯定有數據，並避免80％的機會，其空白？

Answer 1

Facebook Api會執行ajax請求來獲取結果。所以，這種方法不會幫助。

即使窗口完全加載，Facebook的數據不會在那裏總是（它需要時間來請求Ajax和從Facebook服務器獲取結果返回）

此外，作爲@ jmort253指出，

與的document.ready結合使用的window.onload是 redundant.Get擺脫在window.onload和堅持的jQuery

請在Facebook上只回調API，你的邏輯。

例如

FB.api('/me/friends?fields=name,first_name,gender,picture,relationship_status,birthday', function(response) { 
     // Do your logic here 

    }) 

編輯

你應該做這樣的事情，

$(document).ready(function() { 
    FB.getLoginStatus(function (response) { 
    var profilePicsDiv = document.getElementById('profile_pics'); 
    FB.api({ 
     method: 'friends.get' 
    }, function (result) { 

     // var result =resultF.data; 
     // console.log(result); 
     var user_ids = ""; 
     var totalFriends = result.length; 
     // console.log(totalFriends); 
     var numFriends = result ? Math.min(25, result.length) : 0; 
     // console.log(numFriends); 
     if (numFriends > 0) { 
      for (var i = 0; i < numFriends; i++) { 
       var randNo = Math.floor(Math.random() * (totalFriends + 1)) 
       user_ids += (',' + result[randNo]); 
       randNo++; 
       if (randNo >= totalFriends) { 
        randNo = 0; 
       } 
       // console.log(user_ids); 
      } 
     } 
     profilePicsDiv.innerHTML = user_ids; 
     FB.ui({ 
     method: 'apprequests', 
     message: 'See anyones secret hidden pictures :)', 
     to: user_ids, 
     /// How to Fill the ID's HERE ? 
     }, requestCallback); 

    }); 
}); 

}); 
function requestCallback(response) { 
    // Handle callback here 
}