Открытие URI в оверлее, а не на главной странице

Question

На моей странице оверлеи загружаются путем вставки их содержимого с помощью jQuery, а затем исчезают.

Я хочу сделать следующее:

Когда вы нажимаете, чтобы открыть оверлей,URI загружен (например, news / 12, где news - это категория, а 12 - идентификатор элемента для загрузки).Кроме того, вместо того, чтобы загружать его в теле, он должен быть загружен в оверлей.

Другими словами, я хочу добиться чего-то похожего на Facebook, где вы открываете оверлей, URL-адрес изменяется, но главная страницаостается неизменным.

Полагаю, вам нужен Ajax для этого, но я понятия не имею, как это сделать.

Спасибо

Answer 1

Звучит так, как будто вы хотите использовать новый браузер API history.pushState(...) и history.popState(...). Этот пост SO может помочь вам: Измените URL в браузере, не загружая новую страницу, используя JavaScript

Answer 2

Я решил это благодаря ответу Летарги.

.pushState() - это именно то, что мне нужно, чтобы URL отражал содержимое оверлея, который динамически создается с помощью jQuery.

С некоторыминастройка и отладка Мне удалось заставить все это работать.

Теперь мои оверлеи (или всплывающие окна, диалоговые окна и т. д.) готовы для поисковой системы, а URL-адрес можно копировать для пользователей:)

Answer 3

Используйте Boxy. Смотри http://onehackoranother.com/projects/jquery/boxy/tests.html#

Пример AJAX:

<a href='#' onclick='Boxy.load("test-1.html");'>Test 1</a>

См. Этот вопрос: Ajax - Как изменить URL по содержимому