删除事件监听器ajax

Question

使用jQuery，我创建了一个GET方法的Ajax调用。如果用户滚动到底部，则触发此请求。如果ajax调用正在运行，我想删除滚动侦听器。如果ajax调用成功，则添加滚动功能。我尝试使用unbind进行此操作，但这不起作用。

有人可以帮助我吗？

window.onscroll = function(ev) {
        if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
            $(window).unbind('scroll');
            //ajax call
            $.ajax({
                type: "GET",
                url: "result.php",
                data: {
                    'offset': flag,
                    'limit':12
            },
            success: function(data){
                $('.gallery').append(data);
                flag += 12;
            }
            });
        }
    };

Answer 1

命名在eventListener中执行的函数，并使用.on() / .off()删除侦听器：

$(window).on("scroll", windowScroll);


function windowScroll(ev) {
  if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
    $(window).off('scroll', windowScroll); // remove the listener on scroll
    //ajax call
    $.ajax({
      type: "GET",
      url: "result.php",
      data: {
        'offset': flag,
        'limit': 12
      },
      success: function(data) {
        $('.gallery').append(data);
        flag += 12;
        $(window).on("scroll", windowScroll); // re-attach it when the request is finished
      }
    });
  }
};