だから、私は<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つの問題があります
「最近の投稿」リンクをクリックするたびに、コンテンツはロードしたい場所にロードされますが、クリック後約 2 秒間 Web ページがアイドル状態またはフリーズします。なぜそれが起こっているのですか?
初めてクリックすると、上記の詳細を除いてすべてが機能します。2 回目 (別のリンクまたは同じリンク) をクリックすると、クリックした投稿を読み込む代わりに、その
.post
コンテナーに Web ページ全体が読み込まれます。なぜこれが起こっているのですか?