Отображение пульсации во время загрузки и рендеринга html-страницы
У меня есть страница, которая медленно отображается. Путешествие по сети быстрое. Первоначальная загрузка страницы происходит быстро. Вы действительно можете увидеть (если ваша машина достаточно медленная) исходный макет компонентов html. Затем запускается некоторый материал javascript, что делает некоторые из этих компонентов полностью ajaxy. Затем, наконец, применяется css.
Я ничего не могу сделать с javascript, который все замедляет до ползания. Так что мне нужен пульсирующий, чтобы сказать пользователю, чтобы он держался, браузер работает. Есть ли способ поймать, что браузер завершил рендеринг события? Есть ли вообще такое мероприятие? Есть другой способ сделать это?
Сначала я был взволнован, но затем разочарован и сбит с толку.
Ответы 3
Проверьте, когда DOM будет готов, прежде чем вызывать все ваши Ajax-файлы.
используя Опытный образец:
document.observe("dom:loaded", function() {
//your code
});
используя jQuery:
$(document).ready(function() {
//your code
});
Хорошо, это нормально для показа пульсатора, но я не могу понять, как перестать показывать пульсатор.
После того, как ваш код завершит загрузку дополнительных ресурсов, спрячьте пульсацию.
Покажите пульсирующий перед запуском кода и скройте его после.
Используя JQuery:
$("#throbber").show();
/* Your AJAX calls */
$("#throbber").hide();
Взгляните на: http://plugins.jquery.com/project/throbber
Возможно, вы захотите проверить возраст, прежде чем начнете показывать своего «пульсирующего» в сети.