谷歌地图API 3 - 如何在<a>infoBubble内容中单击函数时调用函数？

Question

我是一个新初学者，尝试在我的网站上添加一个谷歌地图，并且有一些问题。我试图在谷歌地图中添加一些标记，然后我想添加infobubble内容，点击后，一个函数将被调用，但infobubble似乎与infowindow不同，我尝试了很多方法，仍然无法做到这一点。

下面是我的例子:

function createMarker(point, locations, map) {

var content = '<a id="test" href="#">Deatils Information</a>';
var infoBubble = new InfoBubble({
    minWidth: 300,
    minHeight: 150,
    padding: 15,
    hideCloseButton: true,
    borderRadius: 0,
    content: content
});

var marker = new google.maps.Marker({
    position: point,
    map: map
});

google.maps.event.addListener(marker, 'click', function() {
    infoBubble.open(map, marker);
});

};

我找了很多例子，

$("#test").live("click", function(){
alert("clicked");           
});

这个函数只在infowindow内部工作。

和

$(infoBubble.bubble_).live("click", function() {
  alert('clicked!');
});

这个函数没有任何响应，

是否有任何方法可以做到这个功能?或者如果我想解决这个问题，我应该读些什么?请给我一些提示。非常感谢!!

Answer 1

你的问题是infobubble中的HTML "string"直到infobubble创建并呈现之后才成为DOM的一部分。

这个应该可以工作:

function testClick() {
  alert("clicked!");
}

和infowindow/infobubble:

 var content = '<a id="test" href="javascript:testClick();">Deatils Information</a>';