0

为什么我的信息框无法点击？

我创建了 boxText，如下所示：

var boxText = document.createElement("div");
boxText.style.cssText = "width:210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:18px; color:#FFFFFF; text-shadow: 0 -1px 1px #000000;"
boxText.innerHTML = "<span class='infoBox'>"+selectedDistributorArr[0].title+"</span>";
boxText.id = "boxText";

我还将它分配给我的标记的信息框：

var myBxOptions = {
                 content: boxText,
                 disableAutoPan: false,
                 maxWidth: 0,
                 pixelOffset: new google.maps.Size(-145, -130),
                 zIndex: null,
                 boxStyle: { 
                  background: "url('images/icons/xhdpi/tooltip.png') no-repeat",
                  width: "271px",
                  height: "80px"
                 },
                 closeBoxURL: "",
                 infoBoxClearance: new google.maps.Size(1, 1),
                 isHidden: false,
                 pane: "floatPane",
                 enableEventPropagation: false
        };
marker.infobox = new InfoBox(myBxOptions);

我还分配给单击侦听器，但根本没有显示警报！

google.maps.event.addDomListener(boxText, 'click', function() {
            alert("ALERT!");
});

我相信这是正确的方法，还是我错过了什么？

4

1 回答 1

0

只是几个快速的想法。

你把听众放在正确的事情上吗？boxText 只是一个变量，而在我看来，信息框需要放置什么。

另外，如果不是这样，将 enableEventPropagation 设置为 false 是否会阻止侦听器触发？

于 2013-02-28T07:15:36.510 回答