How to disable JavaScript function, after clicking?

Question

I have a page, and when you scroll that, objects (container...) become visible. Also I have projects. So when you click on one of them, my page scrolls up. And i want to disable that function that I told before (showing up, not to disable scroll!).

$(document).ready(function(){
var offsetActivity = (1);
var wScroll = ($(window).scrollTop());
var wHeight = ($(window).innerHeight());
var thirdHeight = (wHeight/1.3);
$('.secondic > .row > a > .one-half > p').click(function(offsetActivity){
  var offsetActivity = (0);
  var projBack = $(this).parent().css('background-image');
  var parent = $(this).parent().attr('id');
  var textAbout = $('#'+ parent +' > p.about-photo').text();
$('header').css('background-image', ''+ projBack +'');
$('header > .headerCont > h5').replaceWith('<h5>'+ textAbout +'</h5>');
    setTimeout(function(){
      $('.container').removeClass('offset-done');
      $('.container').children().removeClass('offset-done');
    }, 2000);
});
if(offsetActivity = (1)){
$(window).scroll(
  function(){
    var wScroll = ($(window).scrollTop());
    var wHeight = ($(window).innerHeight());
    var thirdHeight = (wHeight/1.3);
    console.log(wHeight, wScroll, thirdHeight);
      if(wScroll > (($('.container').offset().top)-thirdHeight)){
        $('.container').addClass('offset-done');
      }
      if(wScroll > (($('.window').offset().top)-thirdHeight)){
        $('.window').addClass('offset-done');
      }
  });
});

so how to disable that function when i click on my P? Also i want ot be able to turn it on again after i close the project

could you please explain more clearly, but if you wanr ro disable event $(window),off('scroll') will disable the event handler in jqyery. — Omidam81
– Omidam81, Commented Oct 7, 2015 at 19:10
after i turn it off, i want to turn it on after closing the project! — Godje
– Godje, Commented Oct 8, 2015 at 0:14
please edit your question, this is to long to can be explained on comment. you need to define function and then assign it again after project closed. — Omidam81
– Omidam81, Commented Oct 8, 2015 at 12:55

Sim · Accepted Answer · 2015-10-07 19:14:47Z

3

You can unset an event handler in jquery with off().

The .off() method removes event handlers that were attached with .on(). See the discussion of delegated and directly bound events on that page for more information. Calling .off() with no arguments removes all handlers attached to the elements. Specific event handlers can be removed on elements by providing combinations of event names, namespaces, selectors, or handler function names.

from the jquery api: http://api.jquery.com/off/

In your case you should use $(window).off('scroll'); to remove the event handler for your scroll event from window object.

answered Oct 7, 2015 at 19:14

Sim

3,3171 gold badge20 silver badges23 bronze badges

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

Comments

jgabb · Accepted Answer · 2015-10-07 19:11:38Z

2

Within your click function, use $window.off('scroll'); or $window.unbind('scroll');

answered Oct 7, 2015 at 19:11

jgabb

5541 gold badge4 silver badges23 bronze badges

Comments

fabiovaz · Accepted Answer · 2015-10-07 21:18:36Z

1

to use jquery fucntion .off you need active then using .on $(window).on( 'scroll', 'body', function(){ ... });

when click function

$(window).off( 'scroll', 'body');

answered Oct 7, 2015 at 21:18

fabiovaz

5362 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to disable JavaScript function, after clicking?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related