Отображение DIV пока Javascript код выполняется

Question

У меня есть DIV, что мне нужно, чтобы показать во время выполнения кода яваскрипта:

ShowLoadingBar = function() { 
    $('#loading').dialog({ 
     modal: true, 
     resizable: false, 
     draggable: false, 
     width: 250, 
     height: 60, 
     title: "Processing...", 
    }); 
    $(".ui-dialog-titlebar-close").attr("style","display:none"); 
} 

Но при вызове этого не отображается в то время как Javascript выполняется. Как это исправить?

Answer 1

Javascript выполняет код последовательно. У вас нет нескольких потоков или чего-то еще ...

Итак, если вы хотите что-то отобразить, а затем запустите некоторую обработку js или вызов ajax, запустите код, чтобы отобразить диалог первым!

Если это не поможет, попробуйте setTimeout (...), это фактически должно позволить вам запускать что-то асинхронное для обычного выполнения.