ajax - jquery.load 谷歌地图苦苦挣扎

Question

嘿，试图通过 jquery 加载调用加载我的谷歌地图......似乎没有通过外部页面加载到我的索引页面上的我的 div.. 有来自谷歌开发者页面的代码.. 但似乎不能让它工作..任何会很棒的帮助或指示...

$('#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();