Unbind custom function from element

Question

I have the following code:

    $( window ).resize(function() {
        if (matchMedia('only screen and (min-width: 992px)').matches) {
            $('#second').parallax();
            $('.sketches-1').parallax();
            $('#fifth').parallaxfifth();
        }
        else{
            //...
        }
   });

I wish to remove the parallax function on mobile devices, but how can I achieve this?

Minko Gechev · Accepted Answer · 2014-03-10 19:14:48Z

1

Use:

var parallax = function() {
    if (matchMedia('only screen and (min-width: 992px)').matches) {
        $('#second').parallax();
        $('.sketches-1').parallax();
        $('#fifth').parallaxfifth();
    }
    else{
        //...
    }
};
$(window).resize(parallax); 
//Some code here...
$(window).off('resize', parallax);

If you don't want to use this effect on mobile simply use:

function isMobile() {
  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

if (!isMobile()) {
  $(window).resize(parallax); 
}

edited Mar 10, 2014 at 19:14

answered Mar 10, 2014 at 19:04

Minko Gechev

25.8k9 gold badges64 silver badges69 bronze badges

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

4 Comments

Mandi Over a year ago

I'm trying to unbind only the parallax function when mobile, but bind it again if I'm not mobile, can I get this with your code? I was hoping I could do this on the else

Minko Gechev Over a year ago

If it is mobile don't bind, why you should unbind?

Mandi Over a year ago

I'm trying to test some functionality and it involves resizing my window, if I do that, I will have parallax function on mobile too (if I resize a couple times), which I can't afford. (btw I can't reload)

Minko Gechev Over a year ago

Don't reload. In my answer above there are two solutions. Just use off as in the example in the answer :-).

Collectives™ on Stack Overflow

Unbind custom function from element

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related