2012-07-22 104 views
0

好吧,我使用的是infoBubble彈出窗口(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/)在Google地圖中。它就像infoWindow,但有一點可定製的。我改變了一下庫,並給泡泡一個ID(#infoBubble),希望能夠使用jQuery來操縱它。但似乎我無法選擇它。包含地圖的DIV可以使用jQuery進行選擇,但不能選擇其中的元素。誰能幫我這個?使用jQuery選擇器在Google地圖中選擇元素

我試圖從訪問infoBubble DIV通常$內(文件)。就緒(函數(){}

更新:從DIV在infoBubble創建geocodezip的答覆經過學習不是的一部分DOM,我添加了一個偵聽器事件,像這樣:

google.maps.event.addListener(infoBubble, "domready", function({ 
    $j('#infoBubble').click(function(){alert('bubble clicked');}); 
}); 

現在它要去哪裏這個工程雖然因爲有很多infoBubble彈出窗口我遇到的問題,如果我遇到了一些麻煩,我會修改這個問題進行。現在,這個工作。

+0

你什麼時候試圖訪問infoBubble中的div?它是否附加到DOM並可見? – geocodezip 2012-07-22 21:14:29

+0

嗨geocodezip,我更新了我的問題。 – JMDee 2012-07-22 21:20:24

回答

0

infoBubble中創建的div在infoWindow打開並呈現之前不是DOM的一部分。使用infoWindow domready event來訪問它。

+0

感謝您的提示。我爲infoBubble添加了listener,domready事件,但仍無法使選擇器工作。 – JMDee 2012-07-23 12:21:00

+0

這工作。但是,我面臨着一些問題,因爲我在循環中打開了多個infoBubbles,但我希望能夠解決它們。 – JMDee 2012-07-23 12:48:34

+0

如果您要在循環中打開infoBubbles,請查看使用函數閉包(createMarkers函數)的[this example](http://www.geocodezip.com/v3_MW_example_map3.html)。該示例使用infoWindows,但該概念適用於infoBubbles。 – geocodezip 2012-07-23 12:51:31