Кратко:
Загружаю файл. Пока он грузится - надо вывести сообщение.
Сообщение лежит в DIV с ID="lad"
Пытаюсь делать так по клику:
onclick=\"$('#lad').show();$('#center').load('file.htm');$('#lad').hide();return false;\"
Результат - файл загружается, но div с id="lad" не отображается. Думал - не работает.
Однако - убираю завершающий $('#lad').hide(); - и после отработки получаю ВИДИМЫЙ div id="lad" и загруженный файл.
Думал - скорость загрузки слишком велика, взял файл побольше. - при клике - видимая задержка загрузки (между кликом и отображением файла file.htm), но все равно див с загрузкой не появляется.
Вопрос по другому - как добиться ,чтобы этот див отображался во время загрузки?
1. LShark - 21 Декабря, 2012 - 18:23:44 - перейти к сообщению
2. Мелкий - 21 Декабря, 2012 - 18:33:19 - перейти к сообщению
AJAX - асинхронная технология, о чём говорит первая буква.
Поэтому блок у вас и отображается у вас только в момент непосредственно создания запроса. А его загрузка и результат приходят асинхронно.
Чтобы получить желаемый эффект скрывайте блок в соответствующем callback'е метода load: http://api[dot]jquery[dot]com/load/
Поэтому блок у вас и отображается у вас только в момент непосредственно создания запроса. А его загрузка и результат приходят асинхронно.
Чтобы получить желаемый эффект скрывайте блок в соответствующем callback'е метода load: http://api[dot]jquery[dot]com/load/
3. LShark - 21 Декабря, 2012 - 18:57:53 - перейти к сообщению
Спасибо, отличный совет.
Сделал
Сделал
PHP:
скопировать код в буфер обмена
скопировать код в буфер обмена
- onclick=\"$('#lad').show();$('#center').load('file.htm', function() { $('#lad').hide()});return false;\"
И все работает, как надо.
(Добавление)
Еще поправил, все в одну колбэчину:
PHP:
скопировать код в буфер обмена
скопировать код в буфер обмена
- $('#lad').show(1000, function() { $('#center').load('file.htm', function() { $('#lad').hide()} ) } );