jQuery的活动菜单项

我有一种下拉菜单：http://jsfiddle.net/hu5x3hL1/1/jQuery的活动菜单项

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; 
}

您可以看到活动菜单项以粗体突出显示。但在我的网站上点击某个下拉链接时，新页面已打开，但活动菜单项已不是粗体。如何在网站的新页面上以粗体突出显示？

来源

2014-10-11 Mia

使用AJAX或看十个HTTP：//www.webcredible。 co.uk/user-friendly-resources/css/more-css-tricks.shtml – loveNoHate 2014-10-11 14:47:31

如何使用ajax？我该怎么办？ – Mia 2014-10-11 15:03:02

嗯，你必须谷歌bwoy – loveNoHate 2014-10-11 15:17:58

如果您使用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> 
    ..

来源

2014-10-11 15:34:18 J03Bukowski

是的，我使用PHP，但我得到了一个循环中的链接如果$ _GET ['pagee'] == $ ifen。$ arNewItem [1] 如果数组[1]为'1'，则返回数组'['] = $ ifen。$ arNewItem [1]？>' – Mia 2014-10-11 15:43:43

如果array [1]家'的链接，例如 – J03Bukowski 2014-10-11 15:53:58

我用这个：' class="dropdown-class-name">...'但它不起作用 – Mia 2014-10-11 16:07:09

jQuery的活动菜单项

回答

相关问题