Блог

Главная - Вопросы по программированию - php include работает, jquery .load не работает

php include работает, jquery .load не работает

#php #jquery #include #load

#php #jquery #включить #загрузить

Вопрос:

Почему это работает:

 <!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 для события click и я не могу понять, почему.загрузка не сработает.

MTIA!

РЕДАКТИРОВАТЬ — Извиняюсь за неопределенность «не работает»! Функция инициализации, похоже, не … инициализируется. Таким образом, window.onload=initialize, похоже, работает с использованием include, но, похоже, не работает с использованием .load.

Я надеюсь, что это понятнее.

Комментарии:

1. что происходит, когда вы это делаете? Включить через jquery, я имею в виду

2. Может ли быть так, что загрузка работает, но скрипт не выполняется? Вы должны быть более конкретными. Не работает — это очень расплывчатое описание ошибки, и никто из нас не может знать, что вы имеете в виду под этим.

3. Я подозреваю, что это связано с тем, что PHP включает пути или путь текущей страницы (используются перезаписи). Убедитесь, что файл доступен по URL-адресу, и используйте этот.

4. Да, вы оба правы. Прошу прощения. Отредактирую сообщение.

5. вероятно, вы получили какую-то ошибку. проверьте свою консоль firebug.

Ответ №1:

 window.onload=initialize;

это будет выполняться в браузере, вызывающем это событие — при загрузке через jquery это событие уже давно прошло. Просто измените эту строку на:

 initialize();

Ответ №2:

Если вы придадите своему коду другой вид, .load это будет сделано после загрузки документов. В то время как include происходит мгновенно.

Это имеет много побочных эффектов. Я настоятельно рекомендую вам просмотреть исходный код, созданный браузером, для получения более подробной информации.

Во-первых, вы не можете использовать <link/> теги в теле. Другое дело, если Google Maps API использует функциональность document.ready, это больше не будет работать.

Ответ №3:

Я бы сказал, потому что PHP-скрипт будет просматривать свой рабочий путь, чтобы включить путь, в то время как JavaScript будет просматривать URL-путь.