Google地图信息窗口按钮单击jquery无法正常工作

时间:2013-11-15 06:14:35

标签: jquery google-maps google-maps-markers

我整合了谷歌地图。它有一个信息窗口。信息窗口有按钮。 我还有一个列表,其中包含使用外部jquery滑块的按钮。此列表中的每个按钮都有一个打开(附加“click”事件。

我想要的是点击谷歌地图中的信息窗口按钮,我想要开启(“点击”)事件。

我在谷歌地图按钮上添加了一个onclick =“func1()”。

在我的功能中

 function func1(val){
    <id of list item>.on('click')
 }

但它不起作用。

我需要一些帮助。

2 个答案:

答案 0 :(得分:4)

你可以试试这个:

var $selector = '.info-window-btn'; //class for your infobox buttons list
$(document).on('click', $selector, function(e){
   e.preventDefault();
   //your code
});

如果有效,则需要将document替换为static要映射的closest容器。例如,你有这个容器用于map:

<div id="gmap-container"></div>

因此,$selector将为#gmap-container

答案 1 :(得分:0)

我建议删除内联脚本:

<a id="btn">Button in GMap</a>

然后在你的JS中点击你的点击:

$('#btn').on('click', function (event) {
    event.preventDefault();
    alert('I'm clicked!');
});