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

Question

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

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

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

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

Answer 1

你应该使用

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

Full documentation