Kliknij wydarzenie w Google Map InfoWindow nie złapany

Question

Z Google Map v2, chciałbym móc uruchomić funkcję po kliknięciu tekstu w InfoWindow GMarker.

$(".foo").click(myFunction); 

... 

marker.openInfoWindowHtml("<span class=\"foo\">myText</span>"); 

nie działa. Dlaczego wydarzenie nie zostało przechwycone w InfoWindow?

Answer 1

Jeśli wywołanie wywołania zdarzenia zostanie wywołane przed wywołaniem metody openInfoWindowHtml, tak jak jest w tym przykładzie, zakres nie był w DOM, podczas gdy pierwsze wywołanie szukało elementów z klasą "foo", więc żaden program obsługi nie był przywiązany.

Możesz przenieść tę procedurę obsługi zdarzenia, która ma zostać wywołana po openInfoWindowHtml, lub użyć powiązania zdarzeń "na żywo", aby jQuery monitorował DOM pod kątem nowych elementów za pomocą danego selektora.

$(".foo").live('click', myFunction); 

Answer 2

O ile mi wiadomo, GMaps wstrzykuje zawartości do InfoWindow programowo, więc wszelkie bound obsługi zdarzeń na wstrzyknięto elementów nie zadziała, chyba że używasz delegacji zdarzeń:

$(".foo").live("click", myFunction); 

Zobacz obsługi zdarzeń live.

Answer 3

Spróbuj tego:

google.maps.event.addListener(infowindow,"**domready**",function() { 
    var Cancel = document.getElementById("Cancel"); 
    var Ok = document.getElementById("Ok"); 

    google.maps.event.addDomListener(Cancel,"click",function() { 
     infowindow.close(); 
    }); 

    google.maps.event.addDomListener(Ok,"click",function() { 
     infowindow.close(); 
     console.log(position); 
     codeLatLng(position); 
    }); 
}); 

Answer 4

nie mogłem dostać pracy jak Kevin Górski wyjaśnił ...

z jQuery 1.9.1 i Maps API v = 3.exp następujących prac:

infowindow.setContent('<a href="#" id="test">test</a>'); 
google.maps.event.addDomListener(infowindow, 'domready', function() { 
    $('#test').click(function() { 
     alert("Hello World"); 
    }); 
}); 

Answer 5

proste rozwiązanie i praca dla mnie. użyj zdarzenia onclick w zakresie.

<span class=\"foo\" onclick="test()">myText</span> 

function test(){ 
alert('test OK'); 
}