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(map, marker);

  //$("#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() 方法。