将JQuery事件绑定到Google地图自定义控件

我试图向Google地图添加一些自定义控件，并使用CSS和JQuery对它们进行样式设置。我已经阅读了文档，除非我错过了某些东西，它并不包含我遇到的问题。将JQuery事件绑定到Google地图自定义控件

这里是标记，样式和JQuery参考...

现在，我控制的div增加，就像文档中显示出地图。

var controls = document.createElement('DIV'); 
var container1 = document.createElement('DIV'); 
var button1 = document.createElement('DIV'); 

$(container1).css('float','left'); 
$(button).addClass('inactive'); 

container1.appendChild(button); 
controls.appendChild(container1); 
//leaving out the code for the other button to save space.... 


map.controls[google.maps.ControlPosition.TOP_RIGHT].push(controls);

尽管这确实将控件添加到地图，但这些div似乎无法被JQuery事件访问。

为了解决这个问题，我一直在测试不同的东西，比如检查对象和Webkit JS控制台。我发现JQuery确实选择了这些对象，但它并没有“听到”鼠标事件。

虽然能够动态更改按钮的类别对于此程序来说不是必不可少的，但如果我能够使其运作起来，那将会很好。

感谢您的帮助！

来源

2011-09-11 danem

定制的谷歌地图乱搞控制自己

我扔一起简单的例子，希望它有助于 http://jsfiddle.net/bwah6/4/

来源

2011-09-27 10:04:03

哈哈，感谢。实际上，我在前一段时间已经发现了这个问题，但我很感激你花时间来回答这个长期被遗忘的问题。你是怎样找到它的？ – danem

将JQuery事件绑定到Google地图自定义控件

回答

相关问题