Ajout de code HTML à un élément non chargé initialement

Question

J'utilise une carte google sur mon site Web.

Maintenant, lorsque vous affichez la carte sur le site Web, vous pouvez cliquer sur différents emplacements (emplacements).

Une fois que vous cliquez sur un emplacement, il affiche une boîte popup (bulle google maps). Maintenant, je voudrais d ajouter du contenu à côté de la Adresse, sur le terrain, et la seule façon dont je peux le faire est avec jQuery.

Voici le code HTML de la bulle contextuelle:

<div class="google-map-placeholder"> 
<div class="bubble-content"> 
    <h4>Address: </h4> 
    <p class="custom-bubble-text">Lat and long...</p> 
    <p class="custom-bubble-text">PE Offices</p> 
</div> 
</div> 

Comment je veux ajouter mon texte sur mesure personnalisée à l'adresse: élément

jQuery:

var x = $('div.google-map-placeholder').find('div.bubble-content p.custom-bubble-text').html(); 
      if(x == 'NY Offices'){ 
       $('div.google-map-placeholder').find('div.bubble-content h4').html('Address: My custom address'); 
      } 

mais il ne pas de travail (ne pas ajouter mon html) ...

Je suppose que je dois ajouter un écouteur d'événement quand en cliquant sur l'icône de marqueur de carte, mais comment puis-je faire cela?

Answer 1

Je pense que la meilleure façon de faire est un plug-in box info personnalisé à partir de google maps appelé infobox.js

Voir les liens suivants:

http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.5/docs/examples.html Customizing Google Maps information bubble

Hope this helps

Answer 2

http://api.jquery.com/click/

vous permettra d'ajouter un écouteur d'événement à un noeud DOM représenté par un objet jQuery.

$("#target").click(function() { 
    alert("Handler for .click() called."); 
}); 

Je me sens comme vous pouvez rencontrer des problèmes avec le Royaume que vous ciblez (à l'intérieur de la fenêtre) pour modifier l'intérieur du gestionnaire onClick ne pas être prêt pour vous lorsque le onClick même est tiré.