javascript - Preventing a $(window).on('scroll function) from firing until after a .click function -

i not want $(window).on('scroll', function() {} begin until after $('#load_more_photos').on('click', function() {} has been run. want achieve instagram-like pagination begins button being clicked , transitions scrolling pagination. also, add time transition each pagination takes 1500ms, right feel photos loading fast on scroll , awkward.

$(document).on('page:change', function () {   if($('#infinite-scrolling').size() > 0) {     $('.pagination').hide();     $('#load_more_photos').show();     $('#load_more_photos').on('click', function() {       var url = $('.pagination .next_page a').attr('href');       $.getscript(url);       $('#load_more_photos').hide();        });       $(window).on('scroll', function() {         var url = $('.pagination .next_page a').attr('href')         if($(window).scrolltop() > $(document).height() - $(window).height() - 60 && $.active == 0) {         $.getscript(url);         }     });   } }); 

edit: tried add boolean below not working, click function not work @ all.

$(document).on('page:change', function () {   var clicked_yet;   clicked_yet = true;     if($('#infinite-scrolling').size() > 0) {     $('.pagination').hide();     $('#load_more_photos').show();     $('#load_more_photos').on('click', function() {       var url = $('.pagination .next_page a').attr('href');       $.getscript(url);       $('#load_more_photos').hide();       clicked_yet = false;     });       if (!clicked_yet) {     $(window).on('scroll', function() {         var url = $('.pagination .next_page a').attr('href')         if($(window).scrolltop() > $(document).height() - $(window).height() - 60 && $.active == 0) {         $.getscript(url);         }     });     }   }   }); 

i got code working after rolling code. there might have been css issues somewhere in code previously. works intended now.

$(document).on('page:change', function () {   if($('#infinite-scrolling').size() > 0) {     $('.pagination').hide();     $('#load_more_photos').show();     $('#load_more_photos').on('click', function() {       var url = $('.pagination .next_page a').attr('href');       $.getscript(url);       $('#load_more_photos').hide();          $(window).on('scroll', function() {         var url = $('.pagination .next_page a').attr('href')         if($(window).scrolltop() > $(document).height() - $(window).height() - 60 && $.active == 0) {         $.getscript(url);         }     });     });     } });