javascript - 点击infoBox不执行映射到 "click"函数的javascript

标签 javascript jquery google-maps infowindow

我在我的谷歌地图上使用以下代码来包含信息框。

          var myOptions = {
             content: '<div>' + message + '</div>'
            ,disableAutoPan: false
            ,maxWidth: 0
            ,pixelOffset: new google.maps.Size(-80, 0)
            ,zIndex: null
            ,boxStyle: {
              background: "#add8e6"
              ,opacity: 0.9
              ,width: "160px"
             }
            ,closeBoxMargin: "2px 2px 2px 2px"
            ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
            ,infoBoxClearance: new google.maps.Size(1, 1)
            ,isHidden: false
            ,pane: "floatPane"
            ,enableEventPropagation: false
          };

          var ib = new InfoBox(myOptions);
          ib.open(map, mark);
          infowindow_opened = ib;

效果很好(信息框出现)。

我在框中显示的消息如下:

'<a class="test">click test</a>';

这是一个没有任何 href 信息的“a”标签,因为单击此项目的逻辑是在 javascript 中处理的:

$('a.test').click(function(){alert("clicked')});

当我单击信息框中的“单击测试”链接时,当我应该收到“已单击”警报消息时,没有任何反应。

有什么想法吗?

最佳答案

我通过使用 this example 解决了类似的问题而不是 InfoBox 对象。

关于javascript - 点击infoBox不执行映射到 "click"函数的javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6017282/

相关文章:

javascript - vue 中具有单个根元素的多个子组件

javascript - 在 Javascript 中压缩 Guid

javascript - 为什么 css hover 与 javascript (fullpage.js) 交互,我该如何阻止它?

Java 谷歌地图

jquery - 可拖动变为可拖动

JavaScript 和 "onclickstart"

javascript - 在具有有限字符的标签中显示数据

javascript - Bootstrap 3 表单控件不堆叠

javascript - 有没有一种方法可以使用 jQuery 的 flot 来绘制不包含 x 值的数据集?

google-maps - 谷歌地图引擎 : export kml curl