Как динамически загружать целые страницы Wordpress с помощью AJAX/jQuery, как на следующем веб-сайте?


Этот веб-сайт: http://www.ericpaulsnowden.com

(Веб-сайт выполнен на Wordpress).

Динамически загружает страницы и публикует сообщения с помощью AJAX/jQuery.

Кто-нибудь знает, как это сделать?

Author: janoChen, 2011-08-07

1 answers

Да, это мой сайт:) Здесь это на высоком уровне

1) Я создал сайт как стандартный сайт html/css/javascript без ajax и без кода Wordpress. Макет в комплекте без содержимого. Все ссылки являются обычными ссылками на href - это помогает с обратной совместимостью позже.

2) Добавлено в код Wordpress для извлечения контента без ajax. Убедитесь, что все содержимое упаковано в согласованный div, который я называю контейнером.

3) Я использую jQuery для захвата всех кликов на ссылки на href. Если нет target="_blank" или класса переопределения, я загружаю страницу с помощью ajax. Я беру URL-адрес, ищу div контейнера (определенный выше) и загружаю только этот контент, сохраняя согласованность верхнего и нижнего колонтитулов. Я также использую адрес jQuery для изменения URL-адреса и заголовка страницы.

4) Когда загрузка содержимого завершена, я запускаю вызовы jQuery, чтобы скрыть содержимое и переместить панель под навигатором. Я также делаю дополнительные звонки, чтобы добавить любую конкретную страницу JS обратно в качестве он удаляется при загрузке страницы через ajax.

5) Наконец, я изменил свой файл .htaccess, чтобы добавить www. на каждую страницу и добавил javascript в заголовок моего файла, чтобы добавить хэш в URL-адрес больше кода адреса jQuery для загрузки нужной страницы, если кто-то глубоко ссылается.

Надеюсь, что-то из этого поможет!

Эрик

 5
Author: Eric Snowden, 2011-08-07 19:59:07