jquery - 记住上次打开状态

Question

在网站上http://www.ryancoughlin.com/hp/?c=posters ，我在左侧使用此代码:

$(".menu-header").click(function() {
        $(this).next().toggle('slow');
        return false;
}).next().hide();

如果您打开其中一个并点击另一个部分，它会关闭，有什么方法可以保持该状态打开吗？

Answer 1

您的部分保持良好的打开状态，但当您打开新页面时，它们会关闭。

但是，您的问题并没有消除这两个问题之间的歧义。

要使其在这些页面上工作，您可能想要做的是注入(inject)一个变量来确定您所在的页面。

   jQuery(function($){ 
     var matches;
     if( matches = (new String(document.location)).match(/\?c=\w+/) ) {  
        $("a[href=" + matches[0] + "]").parents("ul").toggle(); 
     }
   });

不过可以作为短期解决方案。

所以完整的代码将是(带注释)

/* Document Ready, $ = jQuery inside this scope regardless  */

jQuery(function($){  

  /* Bind the click event on all the menus, then hide them all. */

  $(".menu-header").click(function() {
            $(this).next().toggle('slow');
            return false;
  }).next().hide();
  /*
   * Check to see if we're already on a sub-menu-item
   * By looking in the current pages url for the string '?c=somewordhere'
   */
  var matches;
  if( matches = (new String(document.location)).match(/\?c=\w+/) ) {  
    /*
     * If we are, search the page for a link to that submenu item
     * ( by looking for the '?c=somewordhere' part in the hrefs ) 
     * and find its parent menu `ul` and show it.
     */
    $("a[href=" + matches[0] + "]").parents("ul").toggle(); 
  }

}); # End Document Ready Scoping. 

为了清楚起见，

jQuery(function($){ 

}); 

是一个非常方便的速记符号，功能非常强大。相当于做

jQuery(document).ready(function($){ 

});

这几乎相当于做

jQuery(document).ready(function(){ 
     var $ = jQuery; 
});

这以一种故障安全的方式保证“$”将是该函数内的 jQuery，而不管页面上的其他所有内容。