所以,我有这个< div>我的博客文章包含在其中.它的类是.post.我想要做的是每次有人点击小部件区域的最近帖子时,内容都是通过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;
});
});
所以我有两个问题
>每当我点击“最近的帖子”链接时,内容会加载我要加载的位置,但点击后我的网页会空闲/冻结约2秒.为什么会这样？
>当我第一次点击时,除了上面描述的细节之外,一切都有效.当我第二次点击(另一个链接或甚至是相同的)时,它不是加载我点击的帖子,而是将我的整个网页加载到.post容器上.任何想法为什么会这样？
解决方法
听起来你正在同步发送请求.同步操作是阻塞的,而异步操作允许UI在操作在幕后完成时继续运行.
至于第二个问题,听起来像jQuery(this)以某种方式指向文档而不是元素的上下文.第二次检查你的“this”值,它可能会为你提供一些见解.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
