Question

我有一种下拉菜单。但是当我点击一些子菜单链接时，我的网站的新页面正在打开，但菜单正在关闭。但是在网站的新页面上必须打开活动菜单！

我尝试在JSFiddle上以简单的方式实现我所拥有的：Example

HTML：

<ul id="menu">
    <li> <a href="javascript:void(0);" class="clickme">Click me 1</a>

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

            </li>
            <li><a href="#">Dropdown link</a>

            </li>
        </ul>
        <li> <a href="javascript:void(0);" 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>

AJAX：

$(document).ready(function () {

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

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

            e.preventDefault();

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

            if (subNav.is(':visible')) {
                subNav.slideUp('normal')
                $(this).removeClass("selected");
            } else {
                $('#menu ul:visible').slideUp('normal');
                subNav.slideDown('normal');
                $("a.selected").removeClass("selected");
                $(this).addClass("selected");
            }
        }
    });
});

感谢您的帮助！

Answer 1

在新页面中，只需根据页面从相应的 ul 中删除 style =“display：none”。因为它将是一个新页面，所以不会影响主页..

在网站的新页面上打开活动菜单

1 个答案: