时间戳

首页 > 解决方案 > 删除事件监听器ajax

jquery - 删除事件监听器ajax

问题描述

使用 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;
            }
            });
        }
    };

标签： jqueryajax

解决方案

命名 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
      }
    });
  }
};

推荐阅读