Google maps api 3 单击时如何调用函数<；a>；在infoBubble内容中？

我是一个新手，尝试在我的网站上添加谷歌地图，但遇到了一些问题。 我试图在谷歌地图中添加一些带有infobubble的标记，然后我想在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);
});



};

此功能仅在信息窗口内工作

及

此函数没有任何响应

是否有任何方法可以实现此功能？或者如果我想解决这个问题，我应该读一些东西？请给我一些提示。非常感谢

您的问题是，在创建和呈现infobubble之前，infobubble中的HTML“字符串”不是DOM的一部分

这应该起作用：

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

在您的信息窗口/信息气泡中：

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

var内容=”；

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

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