Изменение размера триггера пользовательской вкладки для карты Google и jquery не удается

0

Я пытаюсь вызвать карту изменения размера по щелчку вкладки. Моя карта просто выглядит маленькой в верхнем левом углу окна.

Использую gmap.js для загрузки карты

 $j(".tabbed-area a.tab").click(function (e) {  
    // switch all tabs off  
    $j(".tabbed-area .active").removeClass("active");  
    // switch this tab on  
    $(this).addClass("active");
    // save parent
    var thisEle = this;
     // Now figure out what the 'title' attribute value is and find the element with that id.  Then slide that down.  
     var content_show = $j(thisEle).attr("title");
    // slide all elements with the class 'content' up  
    var mapi;
    $j(".tabbed-area .tcontent[id!='"+content_show+"']").hide(0, function() {
        $j("#"+content_show).fadeIn(200, function(){
        if(mapi != undefined && mapi != null)
            google.maps.event.trigger(mapi, "resize");
    });

    });
    // prevent from scrolling up the page
    e.preventDefault();
}); 

Это не работает..

Теги:

1 ответ

0

Не видя всей вашей кодировки, ее действительно трудно предсказать. Но, следуя моим предположениям,

Опция 1

Я сомневаюсь, что mapi не определяется в этой области. Поэтому попробуйте инициализировать переменную mapi глобально.

Option2

Лучше использовать обработчик событий delegate например

$(document).on('click', '.tabbed-area a.tab', function() {
      //ToDos
});

тесно связанный с этим вопросом

Ещё вопросы

Сообщество Overcoder
Наверх
Меню