使用AJAX将Wordpress帖子内容加载到DIV中

好吧，通过运气和一些带香烟的咖啡，我设法解决了这个问题：

这是我所做的：

1.测试是否在rel属性中捕获了帖子ID并将其正确加载到post_id变量中

我在AJAX / JQUERY片段中插入了一个警报调用，以查看帖子ID是否甚至已正确加载到post_id变量中。它是这样的：

$(document).ready(function(){    $.ajaxSetup({cache:false});    $(".trick").click(function(){        var post_id = $(this).attr("rel");        alert(post_id);        $("#single-home-container").html("loading...");        $("#single-home-container").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/single-home/",{id:post_id});    return false;    });});

因此，当我单击链接时，回叫将提供与帖子关联的准确帖子ID。这样可以将问题直接隔离到.load（）函数中定义的URL。帖子ID似乎不足以将帖子加载到定义的DIV中。

2.将链接的rel属性从帖子ID更改为帖子永久链接

我决定，由于帖子ID显然不起作用，因此我应该在链接的rel属性中使用帖子的永久链接标签。这是链接的关联看起来像以前的样子：

<a  rel="<?php the_ID(); ?>" href="<?php the_permalink();?>"></a>

这是现在的样子：

<a  rel="<?php the_permalink ?>" href="<?php the_permalink();?>"></a>

3.编辑.load（）函数URL /值

在那之后，我不得不对AJAX / JQUERY片段进行更改，以使其不再使用帖子ID：

$(document).ready(function(){        $.ajaxSetup({cache:false});        $(".trick").click(function(){ var post_link = $(this).attr("rel"); $("#single-home-container").html("loading..."); $("#single-home-container").load(post_link);        return false;        });    });

从上面可以看到，我已经获取了链接的rel属性值（现在是帖子的永久链接），并将其扔到了post_link变量中。这使我能够简单地获取该变量并将其放入.load（）函数，替换

http://<?phpecho $_SERVER[HTTP_HOST]; ?>/single-home/",{id:post_id}

瞧！问题解决了。

尽管我尚未对此进行测试，但我相信在这种情况下使用永久链接实际上消除了按Emanuele
Feronato的帖子中的指示在Wordpress中更改永久链接结构的需要。

因此，如果有人打算将Wordpress帖子动态加载到定义的DIV中，则可以尝试一下！