PHP包括作品，jQuery .load不

Question

為什么這樣做：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="graph">
<? include('sites/test.php') ?>
</div>
</body>

但這不是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="graph">
</div>
<script>
$(document).ready(function() {         
    $('#graph').load('sites/test.php');    
});
</script>
</body>

如果需要，這里是test.php：

<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="./data.js"></script>
<div id="text" style="width:500px;height:500px;position:relative;border:1px solid red;">
<div id="map_canvas" style="border:1px solid green;"></div>
</div>

<script type="text/javascript">
var map;
function initialize() {
    var myLatlng = new google.maps.LatLng(-36.42,145.704);
    var myOptions = { zoom: 16, center: myLatlng, mapTypeId: google.maps.MapTypeId.SATELLITE }

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    // Create polygon overlays from site data in file data.js included above
    // Overlays are defined by a set of coordinates
    // We will also be setting up an infowindow with the site name
    // The infowindow will be designed to point to the 'center' of each site so we calculate the 'centroid' of each overlay in the code below as well
    var overlay;
    var number_of_overlays = 29;

    for (var k = 0; k < number_of_overlays; k++) {
        var pk = primaryKeys[k];
        var verticesArray = new Array((eval("siteVertices_" + pk).length) / 2);
        var m = 0;
        var centroidLat = 0;
        var centroidLng = 0;

        for (var n = 0; n < eval("siteVertices_" + pk).length; n += 2)
        {
            verticesArray[m] = new google.maps.LatLng(eval("siteVertices_" + pk)[n], eval("siteVertices_" + pk)[n + 1]);
            m = m + 1;
            centroidLat += eval("siteVertices_" + pk)[n];
            centroidLng += eval("siteVertices_" + pk)[n + 1];
        }

        var cent = new google.maps.LatLng(centroidLat/m, centroidLng/m);

        var overlay = new google.maps.Polygon({
            paths: verticesArray,
            strokeColor: "#FF0000",
            strokeOpacity: 0.5,
            strokeWeight: 1,
            fillColor: "#FF0000",
            fillOpacity: 0.20,
            position: cent,
            map:map });

        attachInfoWindow(overlay, k);
    }
}

function attachInfoWindow(overlay, number) {
  var infowindow = new google.maps.InfoWindow({ content: siteNames[number] });
  google.maps.event.addListener(overlay, 'click', function() { infowindow.open(map, overlay); });
}
    window.onload=initialize;
</script>

我真的需要對單擊事件使用jquery，並且不明白為什么.load無法正常工作。

MTIA！

編輯-為“無效”的含糊而道歉！ 初始化函數似乎並不...初始化。 因此，window.onload = initialize似乎可以使用include起作用，但似乎不能使用.load起作用。

我希望這更清楚。

Answer 1

window.onload=initialize;

該事件將在觸發該事件的瀏覽器上執行-當您通過jquery加載該事件已久時。 只需將該行更改為：

initialize();

Answer 2

如果您再.load代碼，則.load將在文檔加載后完成。 而include是瞬時的。

這有很多副作用。 我敦促您查看瀏覽器生成的源以獲取更多詳細信息。

一方面，您不能在主體中使用<link/>標記。 另一件事，如果Google Maps API使用document.ready功能，將無法再使用。

Answer 3

我之所以這么說是因為PHP腳本將查看其工作路徑以包括該路徑，而JavaScript將查看URL路徑。

PHP包括作品，jQuery .load不

問題描述

3 個解決方案

解決方案1
1 已采納 2011-04-15 08:12:44

解決方案2
0 2011-04-15 08:10:22

解決方案3
0 2011-04-15 08:10:53

PHP包括作品，jQuery .load不

問題描述

3 個解決方案

解決方案1 1 已采納 2011-04-15 08:12:44

解決方案2 0 2011-04-15 08:10:22

解決方案3 0 2011-04-15 08:10:53

解決方案1
1 已采納 2011-04-15 08:12:44

解決方案2
0 2011-04-15 08:10:22

解決方案3
0 2011-04-15 08:10:53