jQuery在$ .each內突破$ .on

Question

我需要遍歷AJAX響應並在滿足條件時中斷事件處理程序。 我在使用此代碼時遇到麻煩：

$.each(response, function(i, v) {

    // create mapbox object
    var map = L.mapbox.map('map', v.map_embed_id, {
        zoomAnimation: false
    });

    var polygonLayer = L.mapbox.featureLayer().loadURL('https://a.tiles.mapbox.com/v4/' + v.map_embed_id + '/features.json?access_token=abcde').addTo(map);

    polygonLayer.on('ready', function() {
        var layer = leafletPip.pointInLayer(latlng, polygonLayer, true);

        if (layer.length) {
            // this is where I need to break out of $.on 
            // and the current $.each iteration
        }
    });
});

我知道return false會脫離$.each迭代，但這更加困難，因為我需要脫離$.on事件處理程序。 我能做什么？ 我可以使用trigger嗎？

Answer 1

感謝@Kevin B建議使用遞歸，這就是我固定代碼使其起作用的方式。

getMapsList().done(function(maps) {
    getMapboxMap(maps, geocode);
});

function getMapboxMap(maps, geocode) {

    var map_params   = maps[0];
    var map_embed_id = map_params.map_embed_id;

    if (maps.length > 0)
        maps.shift();

    // create mapbox object
    var map = L.mapbox.map('map', map_embed_id, {
        zoomAnimation: false
    });

    // create marker of address entered
    L.mapbox.featureLayer({
        type: 'Feature',
        geometry: {
            type: 'Point',
            coordinates: [
                geocode.location.lng,
                geocode.location.lat
            ]
        },
        properties: {
            title: address,
            'marker-size': 'medium',
            'marker-color': '#f44',
            'marker-symbol': 'star'
        }
    }).addTo(map);

    // create polygon layer and add to map from map's geojson
    var polygonLayer = L.mapbox.featureLayer().loadURL('https://a.tiles.mapbox.com/v4/' + map_embed_id + '/features.json?access_token=pk.eyJ1IjoiZW5nbGVzaWRldGVycml0b3JpZXMiLCJhIjoiekFIU0NlayJ9.rE9XdicgXc9aIiXJ9yn68w').addTo(map);

    // after polygon layer has been added to map
    polygonLayer.on('ready', function() {

        // featureLayer.getBounds() returns the corners of the furthest-out markers,
        // and map.fitBounds() makes sure that the map contains these.
        map.fitBounds(polygonLayer.getBounds());

        // create a latLng object based on lat/lng of address entered
        var latlng = L.latLng(geocode.location.lat, geocode.location.lng);

        // create point in layer object
        var layer = leafletPip.pointInLayer(latlng, polygonLayer, true);

        if (layer.length) {
            // found it
            return false;
        } else {
            if (maps.length > 0) {
                getMapboxMap(maps, geocode);
            }
        }
    });
}

function getMapsList() {
    return $.get('/utility/territories/maps-list');
}