谷歌地图信息窗口没有显示应有的标签答案

【问题标题】：Google maps infowindow not showing the tabs as it should谷歌地图信息窗口没有显示应有的标签
【发布时间】：2011-03-03 07:09:01
【问题描述】：

几周前我的信息窗口显示标签还不错.. 现在它不再显示了......

实际上代码使用了 JQuery.. 在这个链接上找到代码http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/infowindow/tabs.html?r=78

我已经包含了所有的 JQuery 库，包括 CSS 文件。怎么了？... 令我困惑的是，它工作了很长一段时间后突然停止了……到底发生了什么？

任何帮助将不胜感激:)

【问题讨论】：

如果论坛上有其他类似讨论的链接，请告诉我..

标签： jquery maps infowindow

【解决方案1】：

只是对 cdru 表示友好的“谢谢” 谁提供了上述解决方案。

google.maps.event.addListener(infowindow, 'domready', function () { 
        $("#tabs").tabs();

这将在构建 infoWindow 时触发 jQuery tabs 方法！！！

现在，下一个问题是调整 infoWindow 的大小并移除其中显示的 div 滚动条。

非常好，洛杉矶人

【讨论】：

这很有帮助。非常感谢:)
Now, onto the next problem with sizing the infoWindow and removing the div scrollbars showing inside it. Css 有 2 种解决方案：1）溢出：隐藏 2）使用 % 调整 div 的高度和宽度会移除滚动条。

【解决方案2】：

如果您还没有弄清楚，或者对于其他可能遇到相同问题的人......

这似乎是一个时间问题。 $("#tabs").tabs() 在标签元素被创建/可见/其他之前被调用。通过将事件侦听器添加到“domready”来激活选项卡，一旦内容实际添加到 DOM 就会触发。

google.maps.event.addListener(marker, 'click', function () {
    infowindow.open(map, marker);

    google.maps.event.addListener(infowindow, 'domready', function () {
        $("#tabs").tabs();
    });
});

【讨论】：

我遇到了类似的问题，但是当我在 domready 处理程序中使用 jquery 时，它没有找到我在 infowindow 中添加的 html 标签。知道为什么以及如何使它起作用吗？