Держите loading.gif анимированный при манипулировании DOM

Question

У меня есть страница, которая имеет функцию document.ready, которая по существу делает это:

• Показывает Загрузка панели (с loading.gif)
• AJAX вызов внешний сервер
• Создает HTML-разметку, чтобы добавить к DOM
• Добавляет разметку страницы (< - loading.gif перестает оживляющий)
• Шкуры загрузки панели

Отлично работает. Но load.gif останавливается при обновлении страницы. Есть ли способ обойти это?

Благодаря

Answer 1

Это обычно происходит, когда размер разметки добавляется очень большой. Браузеру необходимо пройти много циклов перекраски и повторения, чтобы разместить эту разметку. И если есть javascript, который действует на эту огромную разметку, это еще больше замедляет процесс. Поскольку существует один поток пользовательского интерфейса, который рисует страницу (и оживляет вашу загрузку.gif) и выполняет скрипт, поэтому он на мгновение останавливает анимационное изображение gif.