PHP脚本没有通过我的ajax加载内容显示

Question

所以我有一个index.php文件，它使用ajax从同一目录中的另一个.php文件加载内容。 但是由于某些原因，当您单击菜单中的链接并将其加载到ajax中时，新闻面板中的php脚本未执行或不可见。

演示链接 ： http : //www.michaeldylanedwards.co.uk/#archives

直接连结 ： http : //www.michaeldylanedwards.co.uk/archives.php

PHP脚本

<?PHP
    $category = "8";
    $template = "Archives";
    include("admin/show_news.php");
?>

这是ajax加载内容的代码；

load_page.php

<?php

if(!$_POST['page']) die("0");

$page = $_POST['page'];

if(file_exists($page.'.php'))
echo file_get_contents($page.'.php');

else echo 'There is no such page!';
?>

script.js

var default_content="";

$(document).ready(function(){

    checkURL();
    $('ul li a').click(function (e){

            checkURL(this.hash);

    });

    //filling in the default content
    default_content = $('#pageContent').html();


    setInterval("checkURL()",250);

});

var lasturl="";

function checkURL(hash)
{
    if(!hash) hash=window.location.hash;

    if(hash != lasturl)
    {
        lasturl=hash;

        // FIX - if we've used the history buttons to return to the homepage,
        // fill the pageContent with the default_content

        if(hash=="")
        $('#pageContent').html(default_content);

        else
        loadPage(hash);
    }
}


function loadPage(url)
{
    url=url.replace('#','');

    $('#loading').css('visibility','visible');

    $.ajax({
        type: "POST",
        url: "load_page.php",
        data: {page: url},
        dataType: "html",
        success: function(msg){

            if(parseInt(msg)!=0)
            {
                $('#pageContent').html(msg);
                $('#loading').css('visibility','hidden');
            }
        }

    });

}

任何帮助，将不胜感激！

Answer 1

因此，当在#archives页面上空白时，单击顶部的链接＃home，＃blog等起作用，这是我预期的行为。

然而，当点击#contact和#social，它打破了现场。这是因为无论ajaxpage()函数在做什么（你有没有在上面的JS包括它）被移除#pageContent的loadPage()函数需要插入您的内容。

（我相信ajaxpage()只是将其响应输出重#pageContent到内容中，这将删除内部的#pageContent ）