Я пытаюсь вызвать карту изменения размера по щелчку вкладки. Моя карта просто выглядит маленькой в верхнем левом углу окна.
Использую 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();
});
Это не работает..
Не видя всей вашей кодировки, ее действительно трудно предсказать. Но, следуя моим предположениям,
Я сомневаюсь, что mapi
не определяется в этой области. Поэтому попробуйте инициализировать переменную mapi
глобально.
Лучше использовать обработчик событий delegate
например
$(document).on('click', '.tabbed-area a.tab', function() {
//ToDos
});
тесно связанный с этим вопросом