Предварительный загрузчик страницы jQuery при перезагрузке или изменении страницы - PullRequest
0 голосов
/ 02 декабря 2011

Возможно ли каким-либо образом, что когда веб-страница перезагружается или открывает другую страницу, она будет отображать графику "loding ..." (анимированное изображение .gif) вместо того, чтобы выходить белым и возвращаться с новым контентом.На самом деле мне нужен какой-то способ пройти по умолчанию процесс перезагрузки страницы для всех браузеров через jquery или js.Может быть, это абстрактная идея, но это просто попытка получить информацию о реальности.

Мне нужно, чтобы это было активным на нескольких страницах моего сайта.Понравилась галерея изображений.когда я ищу галерею, она перезагружает всю страницу, изменяя заголовок, мета и т. д., вместо того, чтобы просто получить новый результат и заменить галерею, как это обычно делается в AJAX, но процесс будет приличным, что обеспечит иллюзиючто я описал ранее.он исчезнет -> отобразить загрузочную графику -> исчезнет с новым контентом.может быть, это займет долю секунды, чтобы перезагрузить его и не обнаружить для пользователей высокоскоростного интернета, но довольно привлекательно для тех, кто использует медленный интернет.

Ответы [ 3 ]

0 голосов
/ 02 декабря 2011

вы должны учитывать '#hash mark navigation', где (hash) - ссылки на другие страницы (или ту же страницу) сохраняют браузеры на той же странице, а javascript извлекает новый контент и вставляет его в части страницы где вы хотите, чтобы заполнить всю страницу.

Вот статья, которая описывает эту технику: http://www.quintonpike.com/web-development/jquery-url-hash-mark-navigation.html

0 голосов
/ 02 декабря 2011

Вы не можете одновременно перезагрузить страницу и одновременно запустить JavaScript. Поэтому я думаю, что вы можете пойти двумя путями: либо переписать код в стиле AJAX, и никогда не перезагружать страницу, просто заменив содержимое.

Другой способ, о котором я могу подумать (это все равно дало бы вам небольшое моргание при перезагрузке страницы), но в некоторой степени выполнил бы то, о чем вы просите, - это если вы используете CSS, чтобы скрыть все элементы на странице с самого начала , кроме элемента, который содержит ваш загрузчик. Затем у вас есть функция JavaScript, которая выполняется при возникновении события onload, которая скрывает ваш элемент загрузчика и отображает все остальные ваши элементы.

0 голосов
/ 02 декабря 2011

Вы можете загрузить свои страницы с помощью $ .ajax, но столкнетесь с несколькими трудностями:

  • межсайтовые ajax-запросы (при необходимости запроса с других доменов),
  • Проблемы с файлами CSS и javascript,
  • SEO вопросы
  • ...
...