How to unload jQuery plugins after window resize?

Question

I have 2 jquery plugins for navigation menu, one is for smaller screens and the another one is for bigger screens, i used this code:

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

It works at load page, but when i resize the browser it doesnt work, for example i have to put the browser size at some smaller than 1024px, and then when i make it bigger it doesnt stop the plugin and when im at bigger than 1024px then it loads the menu plugin for bigger screens, but when i resize the browser it still working, since the bigger screen plugin has not a fire function and works automatically.

Is there a way to unload the plugins at window resize but not while resize, just when resizing it's finished (for bigger screen's menu plugin a way to dont load it in smaller screens)?

Just code · Accepted Answer · 2014-09-20 04:37:36Z

1

you should use

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

Full documentation

answered Sep 20, 2014 at 4:37

Just code

13.8k10 gold badges54 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Angel Over a year ago

it worked well to load the smaller size menu at browser resize, but doesnt work to unload the plugins, so i found this and i used the window.resize to call the function javascriptkit.com/javatutors/loadjavascriptcss2.shtml and it works.

Collectives™ on Stack Overflow

How to unload jQuery plugins after window resize?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related