调整屏幕/窗口大小后，JS 侧边栏菜单 animation 在随机分辨率下不起作用

Question

我正在测试一个应用程序，其中侧边栏菜单类别在调整窗口/屏幕大小后不以随机分辨率显示项目。

例如：

单击 1440px 的类别后，它不显示项目，然后我将大小调整为 1250px，它确实显示了项目，然后我将大小调整为 900px 并返回到 1440px，单击后它确实显示了项目，但它不显示为 1250 像素。

我有三个媒体查询：< 768、>= 768 和 <= 1200，以及 < 1200

我的 js 的一部分看起来像这样：

    var sidebarItemClick = function(e) {
    $(this).parent().find('.subnav').toggleClass("subnav--active");
    $(this).find('.sidebar__arrow').toggleClass("sidebar__arrow--rotate");  
};


if ($(window).width() < 768 || $(window).width() > 1200) {
    $(".sidebar__item--has-sub a").bind("click", sidebarItemClick);
  }

Answer 1

我找到了答案。 调整 window function 的大小后会继续绑定 sidebarItemClick function，但运行后不会取消绑定。 因此，每次 window 调整大小都会增加绑定函数的数量，使其无法正常工作。

添加取消绑定解决了这个问题。