Übergeben Sie parameter an callback-Funktion

mein code

//ajax-Anfrage und erhalten JSON-Antwort

for (var i = 0; i < data.results.length; i++) {  
    result = data.results[i];
    //do stuff and create google maps marker    
    marker = new google.maps.Marker({  
        position: new google.maps.LatLng(result.lat, result.lng),   
        map: map,  
        id: result.id  
    });  
    google.maps.event.addListener(marker, 'click', function() {  
        createWindow(marker.id); //<==== this doesn't work because marker always points to the last results when this function is called
    });  

}

Wie man dieses Problem lösen?

InformationsquelleAutor Derk | 2009-11-02

  1. 24

    Versuchen Sie dies:

    with ({ mark: marker }) {
    google.maps.event.addListener(mark, 'click', function() {  
        createWindow(mark.id);
    });
}

    Ein Beispiel, das veranschaulicht die Verwendung von with:

    for (var i = 0; i < 10; i++) {
    setTimeout(function() { console.log(i); }, 1000);
}

    Die oben genannten log - 10 zehn mal.

    for (var i = 0; i < 10; i++) {
    with ({ foo: i }) {
        setTimeout(function() { console.log(foo); }, 1000);
    }
}

    Diese protokolliert 0 zu 9 wie gewünscht, Dank with Einführung eines neuen Bereichs.

    JavaScript 1.7 hat eine let - Anweisung, die ist schöner, aber bis dahin ist breit abgestützt, Sie können with.

    Und verwenden var für Ihre Variablen.

    InformationsquelleAutor nlogax

  2. 4

    Den klassischer Verschluss problem schlägt wieder zu!

      google.maps.event.addListener(marker, 'click', function(id) {
    return function(){
      createWindow(id); //<==== this doesn't work because marker always points to the last results when this function is called
    }
  }(marker.id));

    InformationsquelleAutor Peter Bailey

  4. 1

    versuchen, diese

    var marker = new Array();
for (var i = 0; i < data.results.length; i++) {  
    result = data.results[i];
    //do stuff and create google maps marker    
    marker[i] = new google.maps.Marker({  
        position: new google.maps.LatLng(result.lat, result.lng),   
        map: map,  
        id: result.id  
    });  
    google.maps.event.addListener(marker[i], 'click', example(marker[i].id));  

}

    erstellen neue Funktion

    function example(my_window){
    return function(){
        createWindow(my_window);
    }
}

    InformationsquelleAutor Wilianto Indrawan

Schreibe einen Kommentar