javascript - 禁用 JS 事件

Question

我在网页上使用 map ，并且有以下 JS 代码:

map.on('zoomend', function() {
   populate();
});

当我放大 map 时，会调用函数 populate() (它用于在 map 上放置一些标记)。

我想要的是在 populate 执行其操作时禁用事件“zoomend”，所以我想要这样的东西:

map.on('zoomend', function() {
   // DISABLE ZOOMEND EVENT 
   populate();
   // ENABLE ZOOMEND AGAIN
});

我怎样才能做到这一点？

谢谢!

编辑:这是我的函数 populate() 的一部分

function populate() {
    $.post('/LoadMarkersServlet', {
       lat_min: map.getBounds().getNorthWest(),
       lat_max: map.getBounds().getSouthEast(),
       //more parameters
       //...
    }, function (responseText) {
       if(responseText !== null) {
           var p = JSON.parse(responseText);

           for(var i=0; i<p.length; i++){
               // here I read the responseText and put markers where it says
           }
           map.addLayer(markers);
       }
    });
}

Answer 1

这应该有效:

// name your event listener
map.on('zoomend', function handleZoomEnd() {
  // turn it off temporarily
  map.off('zoomend', handleZoomEnd);
  // pass a function to re-enable it after ajax completes
  populate(function () {
    map.on('zoomend', handleZoomEnd);
  });
});

// accept callback function as parameter
function populate(cb) {
    $.post('/LoadMarkersServlet', {
       lat_min: map.getBounds().getNorthWest(),
       lat_max: map.getBounds().getSouthEast(),
       //more parameters
       //...
    }, function (responseText) {
       if(responseText !== null) {
           var p = JSON.parse(responseText);

           for(var i=0; i<p.length; i++){
               // here I read the responseText and put markers where it says
           }
           map.addLayer(markers);

           // this re-enables zoomend callback
           cb();
       }
    });
}