Verhindern, dass ein $ (window) .on ('Scroll-Funktion) ausgelöst wird, bis nach einer .click-Funktion

Question

Ich möchte nicht $(window).on('scroll', function() {} beginnen, bis $('#load_more_photos').on('click', function() {} bereits ausgeführt wurde. Ich möchte eine Instagram-ähnliche Seitennumerierung erreichen, die mit dem Klick auf die Schaltfläche beginnt und in eine laufende Paginierung übergeht. Außerdem möchte ich eine Zeitüberblendung hinzufügen, so dass jede Seitennumerierung 1500ms dauert, gerade jetzt habe ich das Gefühl, dass die Fotos beim Scrollen zu schnell geladen werden, und das ist peinlich.

$(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: Ich versuchte, ein boolean unten hinzuzufügen, aber es funktioniert nicht, die Klick-Funktion überhaupt nicht funktionieren.

$(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); 
     } 
    }); 
    } 
    } 
}); 

Answer 1

Ich habe diesen Code nach dem Zurückrollen des Codes funktioniert. Möglicherweise gab es zuvor im Code css-Probleme. Es funktioniert jetzt wie beabsichtigt.