$（ウィンドウ）.on（スクロール機能）が.click関数の後まで実行されないようにする

Question

$(window).on('scroll', function() {}は、$('#load_more_photos').on('click', function() {}が既に実行された後まで開始されません。私は、ボタンがクリックされ、スクロールページネーションに移行することから始まるInstagramのようなページネーションを達成したいと思います。また、タイムシフトを追加して、各ページングに1500msかかるようにしたいと思っています。今は、写真がスクロールしすぎて読みづらいと感じます。

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

編集：私は以下のブール値を追加しようとしましたが、それは動作していない、クリック機能がまったく動作しません。

$(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

このコードは、コードをロールバックした後に機能します。以前はコードのどこかにCSSの問題があったかもしれません。今のところ意図どおりに動作します。

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