Question

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

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

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

有没有办法在窗口调整大小时卸载插件，但在调整大小时没有，只是在调整大小时（对于大屏幕的菜单插件，不要在较小的屏幕中加载它）？< / p>

Answer 1

你应该使用

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

Full documentation

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

1 个答案: