jquery.load google map борется

Question

Эй, пытаясь загрузить мою карту google через вызов загрузки jquery ..., похоже, не загружается на мой div на моей индексной странице через внешнюю страницу .. имел код из Google страница разработчиков .. но не могу показаться, чтобы заставить его работать .. помощь или указатели, которые было бы здорово ...

$('#content').on('click', 'nav ul li a', function() { 

    var page = $(this).attr('href'); 
    // Script to fade and show pages 
      $('#content').hide().load('page/' + page + '.php').fadeIn('normal', function() { 

        function initialize() { 
          var mapOptions = { 
          zoom: 8, 
          center: new google.maps.LatLng(-34.397, 150.644), 
          mapTypeId: google.maps.MapTypeId.ROADMAP 
          } 
          var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
         } 

         function loadScript() { 
          var script = document.createElement("script"); 
          script.type = "text/javascript"; 
          script.src = "http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE&callback=initialize"; 
          document.body.appendChild(script); 
         } 

         window.onload = loadScript; 
         }); 
      }); 
    }); 

Answer 1

Вы используете window.onload, когда она уже закончилась.

window.onload = loadScript; Изменение только loadScript();