Javascript 通过Ajax加载Wordpress帖子

因此，我有一个

，其中包含我的博客帖子。它的类是

.post

。我想做的是，每当有人在widget区域单击最近的帖子时，内容都会通过Ajax加载，而不是刷新页面

这是我的密码

jQuery(function()
{
    jQuery(".umrp-list li a").click(function(){ //here I select the links of the widget
        var post_url = jQuery(this).attr("href");
        jQuery(".post").html('<div class="loading">Loading Content...</div>');
        jQuery(".post").load(post_url);
        return false;
    });
});

jQuery（函数（）
{
jQuery（“.umrp list li a”）。单击（function（）{//这里我选择小部件的链接
var post_url=jQuery（this.attr（“href”）；
jQuery（“.post”）.html（'loadingcontent…'）；
jQuery（“.post”）.load（post_url）；
返回false；
});
});

所以我有两个问题

每当我点击“最近的帖子”链接时，内容都会加载到我希望加载的地方，但我的网页在点击后大约2秒钟处于空闲/冻结状态。为什么会这样

当我第一次单击时，除了上面描述的细节之外，其他一切都正常工作。当我第二次单击（另一个链接或甚至相同的链接）时，它没有加载我单击的帖子，而是将我的整个网页加载到

.post

容器中。知道为什么会这样吗

---

听起来你是在同步发送请求。同步操作是阻塞的，而异步操作允许UI在幕后完成操作时继续运行

---

至于第二个问题，听起来jQuery（this）某种程度上指向了文档，而不是元素的上下文。第二次检查你的“this”值，它可能会为你提供一些见解。

所以问题是在

single.php

（它是博客文章模板的存储位置），我忘了删除

，现在一切都很好

如果在单击代码中添加

preventDefault（）

操作，会发生什么情况？将单击更改为：

click（函数（e）{

然后在函数中添加

e.prventDefault（）；

。谢谢，但不幸的是它不起作用。嘿，大卫。关于同步/异步的事情，我将不得不检查它。至于

这个

我实际上通过

警报（这个）对它进行了测试

每当点击被触发时，URL实际上是正确的，但它仍然没有按应有的方式加载它。我看到的唯一奇怪的事情是，当我第一次点击它时，URL的所有斜杠都以斜杠的形式发出警报，而第二次则以%2F`@Stevenson的形式发出警报，jquery的值是多少第二次通过jQuery（“.post”）.load（post_url）；？我怎么能检查大卫？天哪！你不会相信的！这与任何事情都无关！！！在

single.php

（这是存储博客文章模板的地方），我忘了擦掉

和

现在一切都很好！哈哈，太有趣了，哪怕是最小的东西都会绊倒你！很高兴你找到了它！