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，并且网址如www.site.com/?page=home，您将使用$ _GET

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

jQuery活动菜单项

1 个答案: