關於調整窗口點擊事件沒有釋放點擊功能

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> S的原始位置時，窗口大小：

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