Хотите выполнить скрипт после загрузки данных в Div

Question

У меня есть DIV, в котором эти данные загружаются с сервера. Я хочу, чтобы мой JS выполнялся только тогда, когда в Div есть данные. Данные загружаются с помощью API Facebook,

<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 указал,

Использование window.onload в сочетании с document.ready является 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 
}