Javascript 按钮事件信息窗口谷歌地图APi

我有一个自定义信息窗口的谷歌地图。所有信息窗口都有一个带有锚链接的按钮。每个按钮应在单击时打开一个覆盖

我的信息窗口设置如下：

var infoWindowContent = [
    ['<div class="info_content">' +
    '<img src="images/villa-heinepark-klein.jpg"/>' +
    '<div class="info_text">' +
    '<h2 class="firstHeading">Villa im Heinepark</h2>' +
    '<p>' +
    '<img src="images/icon-ring.png"/>' +
    'drau&szlig;en unbegrenzt,' +
    '<br>' +
    'drinnen bis zu 90 Personen' +
    '</p>' +
    '<p>' +
    '<img src="images/icon-glass.png"/>' +
     'max. 110 / min. 60 Personen</p>' +
    '<a href="#HEINEPARK" class="button" onclick="myFunction()">> Mehr Informationen</a>' +    
    '</div>' +
    '</div>'],

     ['<div class="info_content">' +
    '<img src="images/lutter-wegner-klein.jpg"/>' +
    '<div class="info_text">' +
    '<h2 class="firstHeading">Lutter & Wegner</h2>' +
    '<p>' +
    '<img src="images/icon-ring.png"/>' +
    'ca. 35 Personen sitzend,' +
    '<br>' +
    'bis zu 80 inkl. Stehpl&auml;tze' +
    '</p>' +
    '<p>' +
    '<img src="images/icon-glass.png"/>' +
     'max. 110 / min. 60 Personen</p>' +
    '<a href="#LUTTERWEGNER" class="button">> Mehr Informationen</a>' +    
    '</div>' +
    '</div>'],

function myFunction(e) {
$('.button').click(function() {  
        var anchor = $(this).attr("href");
        //alert(ab);
        $(anchor).show();
        return false;})  }

问题是您必须单击两次，并且它只在第一个信息窗口中起作用。有人能帮我吗

提前谢谢

---

Jette

在每个按钮上都有一个onclick事件，在按钮上有一个click事件处理程序。你不需要两者兼而有之

摆脱onclick事件，所以

'<a href="#HEINEPARK" class="button" onclick="myFunction()">> Mehr Informationen</a>'

---

好吧，我刚弄明白它是怎么工作的。我将javascript更改为：

var int=setInterval('check()', 500);
function check()
{
   if (chkObject('.button')==true)
   { 
    $('.button').click(function() {  
        var anchor = $(this).attr("href");
        //alert(ab);
        $(anchor).show();
        return false;}) 
  }

}

function chkObject(elemId)
{
   return (document.getElementsByClassName('.button'))? true : false;
}

---

因此，在执行该功能之前，它会检查是否有一个.按钮。我确实去掉了a标签上的一点。谢谢大家!

谢谢你的回答。问题是，只要单击标记，就会加载infowWindows。因此它不会启动jquery函数。请参阅：douglas.madd agency.deI下的更多内容。我已经修改了我的答案，通过这种方式，它应该可以检测到在页面中动态加载了

.button

类的任何元素上的单击。

$('body').on('click', '.button', function() {  
    var anchor = $(this).attr("href");
    $(anchor).show();
    return false;
}); 

var int=setInterval('check()', 500);
function check()
{
   if (chkObject('.button')==true)
   { 
    $('.button').click(function() {  
        var anchor = $(this).attr("href");
        //alert(ab);
        $(anchor).show();
        return false;}) 
  }

}

function chkObject(elemId)
{
   return (document.getElementsByClassName('.button'))? true : false;
}