单击手风琴菜单中的链接时，一旦页面刷新了新的html内容，如何保持手风琴菜单打开？

Question

导航菜单 - 菜单需要时，页面被点击另一个链接刷新保持开放

ul class="menu"> 
        <li class="item1"><a href="#">Hardware</a> 
         <ul> 
          <li class="subitem1"><a href="receipt-printer.html">Receipt Printer</a></li> 
          <li class="subitem2"><a href="barcode-scanner.html">Barcode <span class="item-move2">Scanner</span> </a></li> 
          <li class="subitem3"><a href="card-swipes.html">Card Swipes</a></li> 
          <li class="subitem4"><a href="weighscales.html">Weighscales</a></li> 
          <li class="subitem5"><a href="touchscreens.html">Touchscreens</a></li> 
          <li class="subitem6"><a href="label-printer.html">Label Printer</a></li> 
          <li class="subitem7"><a href="customer-display.html">Customer <span class="item-move2"> Display</span></a></li> 
          <li class="subitem8"><a href="wap.html">WAP</a></li> 
         </ul> 
        </li> 
        <li class="item2"><a href="#">Software</a> 
         <ul> 
          <li class="subitem1"><a href="step1/install-ootpik.html">Installing ootpik</a></li> 
          <li class="subitem2"><a href="step1/pref-security.html">Preferences &amp; <span class="item-move2">Security</span></a></li> 
         </ul> 
        </li> 
       </ul> 

菜单 端脚本来操作折叠式菜单脚本

<!--initiate accordion--> 
<script type="text/javascript"> 
    $(function() { 

     var menu_ul = $('.menu > li > ul'), 
       menu_a = $('.menu > li > a'); 

      menu_ul.hide(); 

     menu_a.click(function(e) { 
      e.preventDefault(); 
      if(!$(this).hasClass('active')) { 
       menu_a.removeClass('active'); 
       menu_ul.filter(':visible').slideUp('normal'); 
       $(this).addClass('active').next().stop(true,true).slideDown('normal'); 
      } else { 
       $(this).removeClass('active'); 
       $(this).next().stop(true,true).slideUp('normal'); 
      } 

     }); 

    }); 
</script> 

末

网站查看手风琴现在： http://www.ootpik.info/lauren/ootpik5/receipt-printer.html

Answer 1

我建议你尝试另一个菜单选择器根据你当前的URL（因为当你的页面刷新你不能得到菜单项之前点击）。它可能是这样的东西（对于receipt-printer.html页面）：

$('.menu > li > ul:not(:has(li > a[href="receipt-printer.html"]))') 

这是硬编码，但我认为它可以为你工作。 您可以从window.location.pathname获得当前页面的值。例如像这样：

var url = window.location.pathname.split('/')[3] //because on your site you have relative url lauren/ootpik5/receipt-printer.html 

但它也硬编码，我不知道它会适用于您的网站上的任何网址。

算法如此充满例子是：

var splittedUrl = window.location.pathname.split('/'); 
var href = splittedUrl[splittedUrl.length - 1]; 
var menu_ul = $('.menu > li > ul:not(:has(li > a[href="' + href + '"]))'); 
munu_ul.hide();