Deleting/removing function?

Question

I'm having this little function which sets a div to position:fixed after a link is clicked.

$(window).load(function(){
    $('#linktofreeze').click(function() {
        var ftop = $('#fixedbox').offset().top - $(window).scrollTop();
        var fleft = $('#fixedbox').offset().left;
        $('#fixedbox').css({position: 'fixed', left: fleft + 'px', top: ftop + 'px'});
    });
});

What I'm trying to achieve now, is to make the whole thing backwards: When a second link is clicked, the div's position shouldn't be 'fixed' anymore.

What is the best way to do this? Is there a way to delete/remove this function 'onClick' again?

To make it more clear, I uploaded the files on jsFiddle: http://jsfiddle.net/hZX5h/72/

Would be great if anyone could help. Thanks!

http://stackoverflow.com/questions/209029/best-way-to-remove-an-event-handler-in-jquery: Does this answer your question? — XORcist, Jan 09 '13 at 17:53
@möter: I think he's more concerned about removing the *effects* of the event handler rather than the event handler itself. — Andrew Whitaker, Jan 09 '13 at 17:54
http://stackoverflow.com/questions/955030/remove-css-from-a-div-using-jquery try this one — Lee Meador, Jan 09 '13 at 17:55

Elvis D'Souza · Accepted Answer · 2013-01-09T18:03:49.863

2

Reset its position to relative

$("#linktounfreeze").click(function() {
  $('#fixedbox').css({position: 'relative'});  
  return false;
});

fiddle: http://jsfiddle.net/vVbGy/1/

edited Jan 09 '13 at 18:03

answered Jan 09 '13 at 17:55

Elvis D'Souza

2,093
21
29

Thanks for your help guys! Elvis: That's exactly what I was looking for :) – Kev89 Jan 09 '13 at 18:20

score 0 · Answer 2 · answered Jan 09 '13 at 17:55

0

Is it what you want? (Add this in the end of your js code):

$('#linktounfreeze').click(function () {
  $('#fixedbox').css({
    position: 'relative'
  });
return null;
});

answered Jan 09 '13 at 17:55

Ben

449
2
4
20

score 0 · Answer 3 · answered Jan 09 '13 at 17:56

0

You can use the unbind method to achieve this:

$('#linktofreeze').attr('onclick','').unbind('click');

Better method in jQuery 1.7+

$('#linktofreeze').off('click');

answered Jan 09 '13 at 17:56

Icarus

60,193
14
91
110

Deleting/removing function?

3 Answers3