Информационное окно Google Maps не отображает вкладки, как должно

Question

Несколько недель назад у меня были информационные окна, показывающие вкладки. и теперь его больше не видно ...

На самом деле код использует JQuery .. найти коды по этой ссылке http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/infowindow/tabs.html?r=78

Я включил все библиотеки JQuery, включая файлы CSS. что случилось?... что меня удивляет, так это то, что оно работало довольно долго и внезапно прекратилось .. что на самом деле произошло ??

Буду признателен за любую помощь:)

Answer 1

Просто дружеское "Спасибо" cdru, который предоставил решение выше.

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

Это вызовет метод вкладок jQuery при создании окна infoWindow !!!

Теперь,Перейдем к следующей проблеме с изменением размера информационного окна и удалением полос прокрутки div, отображаемых внутри него.

Очень приятно, Л.А. Гай

Answer 2

Если вы еще не поняли это или для других, у которых может быть такая же проблема ...

Похоже, проблема с синхронизацией.$ ("# tabs"). tabs () вызывается до того, как элементы tabs будут созданы / видимы / как угодно.Активируйте вкладки, добавив прослушиватель событий в «domready», который запускается после фактического добавления контента в DOM.

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

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