Завершение отображения нового содержимого до завершения макета

Question

При динамическом изменении содержимого в div есть способ отсрочить отображение нового содержимого до тех пор, пока все макеты не будут завершены?

Я использую javascript и ajax для обновления содержимого div, и когда я вставляю html, возвращаемый сценарием ajax, он, кажется, выполняет макет нового контента после того, как элементы видны, разливаясь за пределами целевого div

в то время как это происходит быстро, и конечный результат точно так, как я хочу, чтобы это было оно создает неприятный «мерцающий», что я хотел бы избежать

яваскрипта

 $requestURL = 'Scripts/getCategoryItems.php?Category='+$category+'&PageLength='+$pageLength+'&Page='+$page ; 
    AjaxRequest.open('GET',$requestURL,true); 
    AjaxRequest.onreadystatechange = function() 
     { if(AjaxRequest.readyState == 4) 
     { 
      if (AjaxRequest.responseText !== 'false') 
      { TargetContainer.style.display = "none"; 
      TargetContainer.innerHTML=AjaxRequest.responseText; 
      TargetContainer.style.display = "block"; 
      } else { alert(AjaxRequest.responseText); } ; 
      document.body.className = ''; 
     } 
     }; 
    document.body.className = 'waiting'; 
    AjaxRequest.send(); 

Html:

<div id="Content" style="float:left; width:820px; height:550px; max-height:550px; color:#E0E0E0; padding-top:30px; overflow:hidden;"></div> 

Answer 1

Вы можете запустить свой код в документе, чтобы он был полностью загружен, прежде чем вы начнете делать свой айхакс-вызов.

EDIT: Или если вы не используете jQuery, то событие window.onload.