Question

我尝试使用jquery在点击事件上创建一个下拉菜单。以下是我的询问。

$(".sidebar-nav li > a").click(function(e) {
        $(this).parent().siblings().find('ul').slideUp(500);
        $(this).next('ul').stop().slideToggle(300);
        return false;
    });

以下是我的HTML。

<nav class="sidebar-nav">
    <ul>
        <li><a href="#">home</a></li>
        <li><a href="#">about us</a>
            <ul>
                <li><a href="#">profile</a></li>
                <li><a href="#">our vision</a></li>
                <li><a href="#">our mission</a></li>
            </ul>
        </li>
        <li><a href="#">Gallery</a></li>
    </ul>
</nav>

活动正在进行中。但我的问题是当我激活下拉菜单并调整窗口大小时，下拉菜单就会出现问题。仍然活跃。我想在调整页面大小时刷新事件。

Answer 1

您可以在调整窗口大小时恢复<ul>的原始位置：

$(function () {
  $(window).resize(function () {
    $(".sidebar-nav li > ul").slideUp();
  });
});

调整窗口单击事件的大小不会释放单击功能

1 个答案: