在jquery菜單中保留狀態

Question

我有jquery菜單，點擊時顯示特定的div元素。 我不知道我刷新頁面時，例如div3是活動的（可見），我怎樣才能使div3頁面重新加載後再次活動？

謝謝

Answer 1

如何使用Cookie來跟蹤狀態？

Answer 2

我通常在URL和散列輪詢中使用#hash標籤來實現這一點。

下面是一個例子：

<a href="#showdiv">Click here to show div!</a> 

var start_hash = window.location.hash; 
var recent_hash = ""; 

process_hash(start_hash); // Start the initial hash check 
setInterval(poll_hash, 100); // Initialize our hash polling interval 

function poll_hash() { 
if (window.location.hash==recent_hash) { return; } // No change in URL hash 
recent_hash = window.location.hash;   // Set to check next time. 
process_hash(recent_hash);    // Changed hash, lets process 
} 

// process_hash  
function process_hash(current_hash) { 
// Check for defaults, then set to #home. 
if(!current_hash || current_hash == '') { current_hash="#home"; } 

// Strip the # for the hash 
var hash_id = link_div.match(/[^#]+/g);     

// conditions for multiple hash tags can go here. 
if(hash_id == "#showdiv") { 
    $("#somediv").show(); 
} 
}