根據URL中的哈希碎片將div分配給div元素

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」忽略了URL的「＃位置」位。這讓javascript直到改變div的類的任務，我發現這些鏈接，我肯定包含一些提示，但作爲一個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

我建議http://benalman.com/projects/jquery-bbq-plugin/

它很容易讓你掛接各類jQuery的行動，以哈希的對象。

這應該讓你開始：http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/