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

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

这应该有效：

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

并在您的infowindow / infobubble：

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

如何在点击<a> that inside the infoBubble content?</a>时调用功能

1 个答案: