Remove function from memory when click on

Question

I'll try explain what I want to do. I have a resize function which runs when I press a button. This function opens two columns out of window and leave it out when the window is resized. However, I would like to reset that handler when I click on another div later. Just remove or clear that function from memory to avoid the resize. I have read some posts but any of them solve my problem.

My function to resize is:

function resizeColumnsOut(){
    $(window).resize(function() {
        var widthLeft = $('.column-left').outerWidth()+100,
            widthRight = $('.column-right').outerWidth()+100,
            vph = $(window).height();
        $('.options').css({'height': vph + 'px', 'overflow': 'hidden'});
        $('.column-left').css(
            {'transform': 'translateX(-'+widthLeft+'px)', 
            'transition': 'all ease-out .6s'});
        $('.column-right').css(
            {'transform': 'translateX('+widthRight+'px)',
            'transition': 'all ease-out .6s'});
    }).resize();
 }

$('[data-menu="close"]').click(function(){
    $(this).hide();
    resizeColumnsOut();
});

My function to reset the previous function when I click on:

function goAbout(){
    $('.about').click(function(){
      /* Events like .off() or .unbind() don't solve my problem since the resizeColumnsOut() function is already running */
    }

Yes, .off() is the way to go. If you mean that the animation is still running, after doing .off() you need to set transform:none !important and transition with .css(). — Spokey
– Spokey, Commented Jan 29, 2015 at 11:00
@Spokey Thanks a lot, problem solved. I needed to play with on() and off() :) — Antonio
– Antonio, Commented Jan 29, 2015 at 11:45

iCollect.it Ltd · Accepted Answer · 2015-01-29 11:03:28Z

4

Use on and off instead:

Turn on with:

$(window).on('resize', function() { [code snipped] });

Turn off with:

$(window).off('resize');

Also you need to abort, or complete, the animations you have started. When you say your resizeColumnsOut function is still running, you actually meant the CSS animations it started are still going :)

edited Jan 29, 2015 at 11:03

answered Jan 29, 2015 at 10:55

iCollect.it Ltd

93.9k26 gold badges189 silver badges210 bronze badges

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

1 Comment

Antonio Over a year ago

I wasn't on the wrong track then, more or less :) Thank you so much for your time.

Collectives™ on Stack Overflow

Remove function from memory when click on

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