URL-адрес хэштега переписывается в стиле Twitter и SheandHim.com

Question

Хорошо, мне интересно, кто-нибудь может указать какие-либо хорошие ресурсы для реализации URL-адресов хэштега, аналогично тому, как Твиттер и сайт http://www.sheandhim.com/#/news обрабатывают ссылки.

Цель сайта sheandhim.com состоит в том, чтобы весь контент существовал на странице при загрузке, чтобы «навигация» по другим областям сайта не приводила к перезагрузке страницы (что могло бы остановить воспроизведение музыки).

У меня такая же потребность в проекте, над которым я работаю, и я не смог найти никакой полезной информации (возможно, мой Google-фу слаб) о репликации такого рода эффекта.

Я должен добавить, что я разрабатываю это на WordPress, так что в идеале это было бы дружно с WordPress (я полагаю, высокий заказ).

Answer 1

Вы можете получить доступ к переданному хешу, позвонив по номеру window.location.hash.

Тогда вы можете свободно делать любые вызовы ajax и обновлять страницу соответственно.

Answer 2

Оба других ответа в некотором смысле верны, но в интересах любого другого с таким же вопросом, я смотрю на исходный код SheandHim.com, и есть много очень хорошо написанного кода, который отвечает на многие вопросы. вопросы.

В случае, если сайт изменился к тому времени, когда кто-то читает это, будет выполнено много пользовательской работы с JavaScript, но основой всего этого является плагин jQuery (называемый jQuery DeepLinking:

http://www.thetutorialblog.com/jquery/deep-linking-with-jquery/

Демонстрацию можно посмотреть здесь:

http://www.thetutorialblog.com/demos/jQueryDeepLinking

FYI: метод плагина вызывает содержимое любой страницы через AJAX-запрос к относительному пути. Это означает, что возможно сделать это с WordPress, потому что PHP по-прежнему обрабатывается как обычный HTML, который AJAX-выборка плагина может захватить и использовать для вывода AJAX window.location.has, как правильно идентифицированы предыдущие постеры. , Но здесь также происходит много других вещей.

Answer 3

Сначала прочитайте хеш-строку, используя window.location.hash, затем сделайте AJAX-запрос на выборку данных, соответствующих хеш-строке.

Как именно вы бы смешали это с WordPress, я не знаю. Я не верю, что WordPress создан для подобных вещей.