jquery - 谷歌地图信息窗口按钮点击 jquery 不起作用

Question

我有一个谷歌地图集成。它有一个信息窗口。信息窗口有按钮。我还有一个带有按钮的列表，这些按钮在外面使用 jquery 滑块。此列表的每个按钮都有一个附加的 on("click" 事件。

我想要的是当点击谷歌地图的信息窗口按钮时，我希望 on("click") 事件触发。

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

在我的功能中

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

但它不起作用。

我需要帮助。

Answer 1

你可以试试这个：

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

如果它有效，您需要替换document一些要映射的static容器。closest例如，您有这个地图容器：

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

所以，你$selector会#gmap-container。

Answer 2

我建议删除内联脚本：

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

然后在你的 JS 中处理你的点击：

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