將HTML追加到最初未加載的元素

Question

我在我的網站上使用Google地圖。

現在，當在網站上顯示地圖時，可以點擊不同的引腳（位置）。

一旦你點擊一個位置，它會顯示一個彈出框（谷歌地圖氣泡）。現在我想要在地址字段旁邊添加其他內容，並且唯一的方法是使用jQuery。

這裏是彈出泡的HTML：

<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> 

我想怎麼加我的自定義文本的自定義的地址：元素

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

，但它確實不工作（不追加我的HTML）...

我想我需要添加一個事件偵聽器時點擊地圖標記圖標，但我該怎麼做？

Answer 1

我覺得最好的方法是從谷歌地圖自定義信息框插件叫做infobox.js

請訪問以下鏈接：

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

希望這有助於

Answer 2

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

會讓你添加一個事件監聽器由一個jQuery對象表示一個DOM節點。

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

我覺得你可能會遇到與DOM是你的目標（彈出窗口內）的時候連的onClick觸發沒有準備好爲你的onClick處理程序內修改的問題。