如何在窗口调整大小后卸载jQuery插件

Question

我有两个用于导航菜单的jquery插件，一个用于较小的屏幕，另一个用于较大的屏幕，我使用了以下代码：

if (screen.width < 1024) {
        $(document).ready(function() {
            $("#my-menu").mmenu();
            $("#my-button").click(function() {
                $("#my-menu").trigger("open.mm");
            });
        });
    };

它可以在加载页面上工作，但当我调整浏览器大小时，它不起作用，例如，我必须将浏览器大小设置为小于1024px的大小，然后当我将其设置为更大时，它不会停止插件，当我设置为大于1024px时，它会为更大的屏幕加载菜单插件，因为大屏幕插件没有fire功能并且可以自动工作。

有没有一种方法可以在窗口调整大小时卸载插件，而不是在调整大小时，只是在调整大小完成时卸载（对于较大屏幕的菜单插件，有一种方法不在较小屏幕中加载）？

Answer 1

您应该使用

$( window ).resize(function() {
  //your code here
});

完整文档