禁用JS事件

时间:2017-06-12 17:58:12

标签: javascript events leaflet

我在网页上使用地图,我有以下JS代码:

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

当我缩放地图时,会调用函数populate()(它用于在地图上放置一些标记)。

我想要的是禁用该活动' zoomend'虽然populate正在做它的东西,所以我想要这样的东西:

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

1 个答案:

答案 0 :(得分: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();
       }
    });
}