在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();
 }
}