我正在尝试向Google地图添加一些自定义控件，并使用CSS和JQuery对其进行样式设置。我已经阅读了文档，除非我遗漏了一些内容，否则它不会涵盖我遇到的问题。
这是标记，样式和JQuery供参考......
http://jsbin.com/uxewuf/5/edit#source
现在，我将控制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确实选择了对象，但它并没有“听到”来自鼠标的事件。
虽然动态改变按钮类的能力对于这个程序来说并不重要，但如果能让它工作起来会很好。
感谢您的帮助！