JQuery 选项卡不再显示选项卡

Question

几周前我的信息窗口显示选项卡还不错……现在它不再显示了…… 事实上，代码使用了 JQuery.. 在此链接上找到代码 http://code .google.com/p/gmaps-samples-v3/source/browse/trunk/infowindow/tabs.html?r=78

我已包含所有 JQuery 库（包括 CSS 文件）..出了什么问题？ ... 让我困惑的是它工作了很长一段时间然后突然停止了..到底发生了什么？ 任何帮助将不胜感激：）

这是更新的代码：（但它并没有真正起作用）

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open（地图，标记）；

  //$("#tabs").tabs();
  setTimeout(function(){
    $("#tabs").tabs();
  }, 100);
});

Answer 1

解决方法如下：

将其更改

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map, marker);
  $("#tabs").tabs();
});

为：

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map, marker);
  // Wait for 50ms until converting tabs
  setTimeout(function(){
    $("#tabs").tabs();
  }, 50);
});

您可能必须选择大于 50 的值。似乎选项卡内容可用，但无法立即转换（我会责怪谷歌地图）。更好的方法是找到一个在信息窗口设置内容后触发的事件，然后调用 tabs() 方法。