1

我正在尝试将侦听器添加到循环中的标记，但它不起作用。

单独添加它们时，它可以工作。像这样： 

    google.maps.event.addListener(markersArr[0], 'click', function() {
        infoWindowArr[0].disableAutoPan=true;
        infoWindowArr[0].open(map,markersArr[0]);
    });

    google.maps.event.addListener(markersArr[1], 'click', function() {
        infoWindowArr[1].disableAutoPan=true;
        infoWindowArr[1].open(map,markersArr[1]);
    });

但是在循环中添加时，单击标记不会弹出信息窗口。

        for (var u=0; u<2; u++){
             google.maps.event.addListener(markersArr[u], 'click', function() {
             infoWindowArr[u].disableAutoPan=true;
             infoWindowArr[u].open(map,markersArr[u]);
        });

谁能解释如何让它循环工作？

4

2 回答 2

2

您的问题是侦听器函数引用了u在外部范围中定义的变量，并且在函数外部发生了更改，即在您的侦听器运行时，它将看到u == 2，因为循环已经完成。

您可以将侦听器包装在另一个闭包中：

function makeListener(index) {
    return function() {
        infoWindowArr[index].disableAutoPan=true;
        infoWindowArr[index].open(map,markersArr[index]);
    }
}

for (var u=0; u<2; u++){
    google.maps.event.addListener(markersArr[u], 'click', makeListener(u));
}
于 2012-06-01T14:17:33.697 回答
1

我遇到了同样的情况，工程师用匿名函数包装器回答。它看起来像这样。它比创建辅助函数更紧凑但可读性更低。

    for (var u=0; u<2; u++){
      (function(u) {
         google.maps.event.addListener(markersArr[u], 'click', function() {
           infoWindowArr[u].disableAutoPan=true;
           infoWindowArr[u].open(map,markersArr[u]);
         });
      })(u);
    }
于 2012-06-01T14:21:45.333 回答