URL-адрес Hashtag a la Twitter & SheandHim.com

Question

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

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

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

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

Answer 1

Оба других ответа верны в некотором смысле, но в интересах кого-то другого с тем же вопросом, я смотрю исходный код 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 2

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

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

Answer 3

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

Затем вы можете совершать любые вызовы ajax, которые вы хотите, и обновлять страницу соответственно.