jQuery的活動菜單項

Question

我有一種下拉菜單：http://jsfiddle.net/hu5x3hL1/1/

HTML

<ul id="menu" class="sidebar"> 
    <li> <a href="#" class="clickme">Click me 1</a> 

     <ul id="menu1" style="display:none"> 
      <li><a class="dropdown-class-name" href="#">Dropdown link</a> 
      </li> 
      <li><a class="dropdown-class-name" href="#">Dropdown link</a> 
      </li> 
     </ul> 
    </li> 
    <li> <a href="#" class="clickme">Click me 2</a> 

     <ul style="display:none"> 
      <li><a href="#">Dropdown link</a> 
      </li> 
      <li><a href="#">Dropdown link</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

jQuery的

$(document).ready(function() { 

    $('#menu li > a').click(function (e) { 

     if ($(this).next('ul').length > 0) { 

      var subNav = $(this).next('ul'); 

      if (subNav.is(':visible')) { 
       subNav.slideUp('normal') 
      } else { 
       $('#menu ul:visible').slideUp('normal'); 
       subNav.slideDown('normal'); 
      } 
     } 
    }); 
}); 

$('#menu1 li a').click(function (e) { 
    $('a').removeClass('dropdown-class-name wrapper'); 
    $(this).addClass('dropdown-class-name wrapper'); 
}); 

CSS

#menu1 li a.wrapper { 
    text-decoration:none; 
    font-weight:bold; 
} 

您可以看到活動菜單項以粗體突出顯示。但在我的網站上點擊某個下拉鍊接時，新頁面已打開，但活動菜單項已不是粗體。如何在網站的新頁面上以粗體突出顯示？

Answer 1

如果您使用PHP和URL就像www.site.com/?page=home，您將使用$ _GET

.. 
    <li> 
    <a href="?page=<?=$ifen.$arNewItem[1]?>" <?=($_GET['page'] == $ifen.$arNewItem[1]) ? 'class="active"' : null ?>>Home</a> 
    </li> 
    ..