使用jQuery选择器在Google地图中选择元素

时间:2012-07-22 21:11:02

标签: google-maps google-maps-api-3 infowindow

好的,我在谷歌地图中使用infoBubble popup(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/)。它就像infoWindow,但有一点可定制。我稍微改了一下库,给了泡泡一个ID(#infoBubble)希望用jQuery来操作它。但似乎我无法选择它。可以使用jQuery选择包含地图的DIV,但不能选择其中的元素。任何人都可以帮我这个吗?

我试图从通常的$(文件).ready(function(){}

中访问infoBubble div

更新:从geocodezip的回复中了解到,在infoBubble中创建的div不是DOM的一部分,我添加了一个类似的侦听器事件:

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

现在它已经到了某个地方。这有效。虽然我遇到问题,因为有很多infoBubble弹出窗口,如果我遇到麻烦,我会编辑这个问题。截至目前,这是有效的。

1 个答案:

答案 0 :(得分:0)

在打开并呈现infoWindow之前,在infoBubble中创建的div不是DOM的一部分。使用infoWindow domready event进行访问。