URLのハッシュフラグメントに基づいてdiv要素にクラスを割り当てる

Question

誰かが助けてくれることを祈っています！

私のウェブサイト：http://www.richardmilne.net

私は、すべてのフロントページ上の個々のページを表示するiincludeプラグインを使用するように設定wordpressのサイトを持っています。これは素晴らしいですが、私はユーザーが個々のページ、すなわち "site.com/page"にアクセスすることを望んでいません。ユーザーが「site.com/page」（検索結果など）を訪れた場合、それらを「site.com/#location」にリダイレクトして、ウィンドウを正しい場所にスクロールさせ、jqueryスライダーをトリガーします。 （上記のリンクを参照）

私は、.htaccessを使ってページをリダイレクトする予定でした。その後、私が集めたことから、必要なdivをスライドさせて開くように、JavaScriptの細かいトリッキーを使用する必要があります。私の場合、これは単純にクラスを "toggle_initial"に変更する場合です。jQueryスクリプトは、ページの読み込みが800ms遅れてアニメートされます。 （もう一度、最初の訪問時に「最近の投稿」セクションを読み込むためにすでにこれを使用している上記のリンクを参照してください。これがjquery-UIプラグインであることが分かります）。

途中のビットです。私は頭を丸くすることはできません。 "PHP_SELF"はURLの "#location"ビットを無視するので、私がこれまでに読んだことは、私の最初のアプローチであるphpではこれを行うことができないと言います。これはdivのクラスを変更するタスクまでjavascriptを残して、私は確かに私にはいくつかのヒントが含まれているこれらのリンクを発見したが、JavaScriptの初心者として私はそれらを私に適用する方法の頭や尾を作ることはできませんサイト：

Adding a class to an a element with a particular href using hash

doing substring in window.location.hash

が任意のヒントをいただければ幸いです、歓声！

Answer 1

おそらく、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/

Answer 2

ステップ1. JavaScriptを使用して、URLからアンカー要素を取得します。 window.location.href

ステップ2. jQueryを使用してターゲットh2のクラスを変更します。コードでは、div idとanchorは同じものとみなします。

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

Answer 3

私はそれが簡単にハッシュオブジェクトへのjQueryの行動のすべての種類をフックすることができますhttp://benalman.com/projects/jquery-bbq-plugin/

をお勧めします。

これはあなたが始める必要があります。http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/