使用jquery将wordpress链接加载到div

我试图将我的wordpress链接加载到div中，而不是刷新页面。我在网上尝试了一些教程，但它们似乎不起作用（或不完全起作用）

我自己的试用版每次只会抽出我的最后一篇文章（它确实会被加载到div中，但它不会生成其他文章，所以所有链接我都单击转到同一篇文章）

有人知道为什么这样不行吗

非常感谢

<?php while (have_posts()) : the_post(); ?>

    <div class="WZ-OVER-wereldTitle">
    <a href="<?php the_permalink(); ?>" rel="<?php the_ID(); ?>">
    <?php the_title(); ?>
    </a>
    </div>


<script>
    $(document).ready( function() {
        var postID = $('.WZ-OVER-wereldTitle a').attr('rel');
        $('.WZ-OVER-wereldTitle a').click( function() {
            event.preventDefault();
            $('#content').html('loading...');
            $('#content').load('http://www.weetzelf.nl/?p=' + postID);
            return false;
        });
    });

</script>

<?php endwhile; ?>

$（文档）.ready（函数（）{
var postID=$（'.WZ超过wereldTitle a'）.attr（'rel'）；
$（'.WZ OVER wereldTitle a'）。单击（函数（）{
event.preventDefault（）；
$（'content'）.html（'loading…'）；
$（'#content'）。加载（'http://www.weetzelf.nl/?p="(posted),；
返回false；
});
});

您正试图使用

.load

加载外部（跨域）请求。它将不起作用

备选方案：使用并调用该选项。此选项仅适用于jquery1.4.4

---

演示：

您做错的主要事情是：

$('#content').load('http://www.weetzelf.nl/?p=' + postID); 

这样做的目的是将内容加载到

#content

div中。但是jQuery的方法将其目标的全部内容设置为从

load（）返回的内容

。这就是为什么你只收到最后一篇文章——实际上你成功地一篇接一篇地加载了所有文章，每一篇新文章都替换了上次加载的内容

试试像这样的东西

$('#content').append($('<div>').load('http://www.weetzelf.nl/?p=' + postID));

$（'#content'）。追加（$（''）。加载（'http://www.weetzelf.nl/?p="(posted),；

这将创建一个全新的

div

元素，将内容加载到该元素中，并将其附加到您的#内容中，而不是替换已有的内容

然而，您正在做的另一件奇怪的事情是多次输出jQuery部分，因为它在php

while

循环中。因此，我认为您将得到与帖子一样多的脚本副本，所有这些副本都在页面加载上运行（一个接一个）在浏览器中检查站点的源代码，看看是否存在这种情况——我猜您将看到

块的多个副本

---

要解决这个问题，请将脚本部分移到php

while

循环之外。您只需要一个副本。

谢谢，我使用加载URL的永久链接和选择正确a的ID解决了这个问题。实际上，现在我正试图使用您的方法返回主索引页（我不确定我是否理解ajax gd enuff atm，当我点击一个标签/猫并使用你的插件时，你得到了一个小提示）谢谢！