사용중인 자바 스크립트 코드에서 페이지가 업데이트되지 않습니다.

Question

저는 꽤 긴 자바 스크립트가 있습니다. 문제는 그것의 중간에 div의 innerHtml을 변경하여 "거의 완료하시기 바랍니다."라고 말하고 싶습니다. 나는 jquery 함수를 호출하는 것이 문제라고 생각한다. 함수의 성공 콜백에서 나는 페이지를 업데이트하려고하는 다른 함수를 호출한다.

파이어 버그를 사용하여 중단 점을 설정하고 코드를 단계별로 실행하면 페이지가 업데이트되고 div의 메시지가 표시됩니다. 하지만 코드를 실행 시키면 메시지가 표시되지 않습니다. div를 업데이트하기 전후에 경고 상자를 설정하면 역시 볼 수 있습니다.

누구나 전에 이런 걸 본 적이 있습니까?

감사합니다.

Answer 1

일반적으로 JS 코드가 실행될 때 보는 것과 같이 다른 모든 렌더링이 중단됩니다. 당신은 너무 같은 페이지에서 발생하는 렌더링 수 있도록에서는 setTimeout 기능을 사용하려고 할 수 있습니다 doMoreStuff이 처리의 마지막 부분을 할 것입니다 또 다른 기능입니다

doStuff(); 
$('#myDiv').html('Almost done, please wait'); 
setTimeout(doMoreStuff, 50); 

참고.

코드를 이렇게 분할하면 브라우저가 일부 렌더링주기에 들어갈 수 있습니다. 지연 (50 위)을 실험하여 원하는 숫자를 찾을 수도 있지만 div의 내용을 설정하려면 50을 입력해야합니다 (0을 입력해도됩니다).

또한, 나는 innerHTML을 설정을위한 jQuery를 구문을 기억할 수 있지만 요점은 :