Unload jquery function if window resize

Question

I try to unload function if browser window less than 944px. I start to write this

$(window).resize(function() {
            if ($(window).width() >= '944') {
                        $(window).load(function() {
                            $('#slider').nivoSlider();
                        });
                    } else {
                        alert($(window).width());
                        if ($(window).width() <= '944') {
                        $(window).unload(function() {
                            $('#slider').nivoSlider();
                        });
                    }
            }
            });

but i stuck. I want if the user enters, verify resolution and if more than 944px to load jquery function, however if browser is resize or less resolution than 944px, function will be unload.

please read what load and unload do: api.jquery.com/unload and api.jquery.com/load — albertjan
– albertjan, Commented Jul 17, 2012 at 8:25

Barlas Apaydin · Accepted Answer · 2012-07-17 09:27:49Z

3

i have a different solution for your problem; you can prepare a new slider mask (just like slider but without nivoSlider functions) for <944px window width, when browser width <944px niveSlider will be hide and your mask will be seen.

check it out:

$(window).resize(function() {
    windowWidth = $(this).width();//you need to use this for changable values
    if ( windowWidth > 943) {

       $('#sliderMask').hide();
       $('#slider').show();
       $(window).load(function() {
         $('#slider').nivoSlider();
       });

    } else if ( windowWidth < 944) {

       $('#slider').hide();// hide your nivoSlider
       $('#sliderMask').show();// show your basic slider mask

    }
});

please note that: you need to use $(this) to get current value.

here is jsfiddle example for you; check the console log from your browser's developer panel

edited Jul 17, 2012 at 9:27

answered Jul 17, 2012 at 8:26

Barlas Apaydin

7,35511 gold badges60 silver badges88 bronze badges

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

2 Comments

siropo Over a year ago

I knew that, but I also check if you resize the browser to catch function resize () and stop the execution of nivoSlider ()

Barlas Apaydin Over a year ago

ok, than correct your jQuery with mine and use load/unload than check if code running..

Collectives™ on Stack Overflow

Unload jquery function if window resize

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related