0

在加载包含谷歌地图的页面内容时，我遇到了一个似乎无法解决的问题。下面是 index.php 页面，其中包含父标头和 google api 信息。

<html>
<head>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.2.min.js"></script>

    <!-- Google Maps -->
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("location-wedding"),
            mapOptions);
      }
    </script>
    <!-- Switch Layout -->
    <script type="text/javascript">
        $(document).ready(function() {
            $('.Theme_Page').load("test.php");
        });
    </script>


</head> 


<body onload="initialize()">

    <!-- Page Change -->
    <div class="theme_holder">

    </div>

    <div class="Theme_Page">
        <!-- Content To Go Here -->
    </div>

</body>

正在加载的页面如下：

<div id="location-wedding" style="width:700px; height:250px"></div>

问题是，如果上面的 div 在 index.php 中，那么地图就存在，只要将它放在要加载的页面中，它就根本不显示。我希望它出现在 .load() 页面中的原因是因为我将使用 Jquery 更改此页面上的内容（使用 onclick 事件）

任何帮助或指导将不胜感激。

干杯李。

4

2 回答 2

0

猜测一下，因为在加载 divonload="initialize()"之前就开始了。test.php将initialize()语句放在加载的页面中。

于 2012-09-04T13:04:15.560 回答
0

正如 yoda 所说，您的初始化函数在加载 load.php 之前启动。所以不会有 div 可以在其中 javascript 放入 map 而不是从 body onload 调用初始化函数你应该在 load.php 中调用这个函数.....试试这个:: 从 body 中删除 onload 函数并在加载时放置以下 javascript 代码.php

<script type="text/javascript">
    $(document).ready(function() {
        initialize()
    });
</script>
于 2012-09-04T13:27:06.857 回答