JQuery UI + Google Maps v3 API загружается только после обновления

Question

Когда вы нажимаете на вкладки, она должна загружать карту, но она просто загружает контент, кроме того, что вы обновляете страницу. Я почти все стараюсь исправить, но не получится.

нажмите здесь, чтобы проверить это

Answer 1

функция инициализации будет выполнена через 1 секунду после onload, но при нажатии на закладке load -Event уже уволен, а карта не будет инициализирован.

Удалить это из кода (он заставляет ошибку как Ответил Анто Юркович):

google.maps.event.addDomListener(
window, 
'load', 
function(){ 
window.setTimeout(initialize, 1000); 
}); 

и добавить к jqc_fnDone:

if($('#map-canvas').length && !$('#map-canvas div').length){initialize();} 

Он будет инициализировать карту, когда Map- контейнер присутствует, но все еще пуст.

Answer 2

Самое простое исправить!

На ссылке, используемой для посещения страницы с картой, просто добавьте данные,-не-turbolink

пример:

<a href="/contactuspage" data-no-turbolink>Contact Us</a> 

проблема решена! Я провел несколько дней, пытаясь найти легкое решение этой проблемы. Надеюсь, поможет!