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

Question

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

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

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

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

Answer 1

你应该使用

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

Full documentation