Присвоение класса элементу div на основе хеш-фрагмента в URL

Question

Я надеюсь, что кто-то может помочь!

Мой веб-сайт: http://www.richardmilne.net

У меня есть сайт WordPress, настроенный для использования плагина iinclude для отображения всех страниц на главной странице.Это прекрасно работает, но я не хочу, чтобы пользователи получали доступ к отдельным страницам, например, «site.com/page».Если пользователь заходит на «site.com/page» (например, из результатов поиска), я хочу, чтобы он был перенаправлен на «site.com/#location», чтобы окно прокручивалось до нужного местоположения и запускало ползунок jquery.(см. ссылку выше)

Я планировал использовать .htaccess для перенаправления страницы.После этого из того, что я собрал, мне нужно использовать немного хитрости javascript, чтобы вызвать раскрытие нужного div.В моем случае это просто случай изменения его класса на «toggle_initial», который анимирует скрипт jquery после задержки в 800 мс при загрузке страницы.(опять же, смотрите ссылку выше, которая уже использует это для загрузки раздела «последние сообщения» при первом посещении. Просто чтобы вы знали, что это плагин jquery-UI).

Это бит посерединеЯ не могу обернуться.То, что я прочитал до сих пор, говорит мне, что я не могу сделать это с php, который был моим первым подходом, так как «PHP_SELF» игнорирует бит «#location» URL.Это оставляет javascript до задачи изменения класса div, я нашел эти ссылки, которые, я уверен, содержат некоторые подсказки для меня, но как новичок в javascript, я не могу понять, как применить их к моемуsite:

Добавление класса к элементу с определенным href с использованием хеша

выполнение подстроки в window.location.hash

Любые советы будут с благодарностью, ура!

Answer 1

Шаг 1. Получить элемент привязки из URL, используя javascript.window.location.href

Шаг 2. Измените класс вашей цели h2, используя jQuery.Код предполагает, что div id и anchor идентичны.

$(document).ready( function() {
    var anchor = yourCodeToFindAnchor;
    $('#' + anchor).addClass('active');
});

Answer 2

Я рекомендую http://benalman.com/projects/jquery-bbq-plugin/

Он легко позволяет вам подключать все виды действий jQuery к хеш-объекту.

Это должно помочь вам начать: http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/

Answer 3

Возможно, вы захотите использовать JQuery window.location.hash для получения любых значений после хеш-тега.

См. Несколько учебных пособий ниже:
http://jquery -howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
http://www.using -jquery.com / 2011/01 / ajax-navigation-window-location-hash /