Cliquez sur l'événement de Google Map InfoWindow pas pris

Avec Google Map v2, je voudrais être en mesure de déclencher une fonction lors d'un clic sur un texte dans la bulle informative d'un GMarker.

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

...

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

ne fonctionne pas. Pourquoi l'événement n'est pas pris à l'intérieur de la bulle informative ?

OriginalL'auteur user244129 | 2010-02-07

  1. 9

    Si la liaison des événements d'appel est appelée avant l'appel à openInfoWindowHtml comme il est dans votre exemple, la durée n'était pas dans les DOM alors que le premier appel a été à la recherche pour les éléments avec la classe "toto", donc aucun gestionnaire n'a été fixé.

    Vous pouvez déplacer ce gestionnaire d'événement à être appelée après openInfoWindowHtml, ou de l'utilisation de "vivre" l'événement de liaison de sorte que jQuery continuera de surveiller les DOM pour tous les nouveaux éléments avec le sélecteur de donnée.

    $(".foo").live('click', myFunction);
    Merci Kevin, qui fonctionne. J'avais besoin de mettre un événement de clic sur un jquery mobile interne #lien et la page interne semble se charger avant de l'événement se déclenche?? juste quelque chose d'être conscient de.

    OriginalL'auteur Kevin Gorski

  2. 10

    Je ne pourrais pas le faire fonctionner comme Kevin Gorski expliqué...

    avec jquery 1.9.1 et maps api v=3.exp les ouvrages suivants:

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

    OriginalL'auteur steven

  3. 3

    Autant que je sache, GMaps injecte le contenu dans la bulle informative par programmation, de sorte que tout lié gestionnaires d'événements sur le injecté éléments ne se déclenche pas, sauf si vous utilisez événement délégation:

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

    Voir le live des gestionnaires d'événements.

    OriginalL'auteur karim79

  4. 0

    Essayez ceci:

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

    OriginalL'auteur user2280969