[英]Page ready not firing on ajax load more posts
您好,我在下面使用此代碼加載下面的帖子,而無需重新加載頁面。 基本上,我的問題是當帖子放在下面時,我的wordpress插件都沒有加載。 我認為這是因為准備就緒的頁面不會再次被觸發。 我不是真正的編碼員,只是基礎知識。 任何人都可以幫助我使其正常運行,從而觸發頁面准備就緒並且我的wordpress插件知道要加載嗎? 這是我用來加載更多帖子的代碼,您可以在我的網站上看到它的運行情況
網站: http : //www.awesomewasteofmoney.com/
碼:
<script type="text/javascript">
// Ajax-fetching "Load more posts"
$('.load_more_cont a').bind('click', function(e) {
e.preventDefault();
//$(this).addClass('loading').text('Loading...');
$('.load_more_text a').html('Loading...');
$.ajax({
type: "GET",
url: $(this).attr('href') + '#content',
dataType: "html",
success: function(out) {
result = $(out).find('#content_inside .featured_box');
nextlink = $(out).find('.load_more_cont a').attr('href');
//alert(nextlink);
//$('#boxes').append(result).masonry('appended', result);
$('#content_inside').append(result);
//$('.fetch a').removeClass('loading').text('LOAD MORE AWESOME STUFF');
$('.load_more_text a').html('LOAD MORE AWESOME STUFF');
$(document).trigger("ready");
if (nextlink != undefined) {
$('.load_more_cont a').attr('href', nextlink);
} else {
$('.load_more_cont').remove();
$('#content_inside').append('<div class="clear"></div>');
// $('.load_more_cont').css('visibilty','hidden');
}
/* if (nextlink != undefined) {
$.get(nextlink, function(data) {
if($(data + ":contains('featured_box')") != '') {
//alert('not found');
$('.load_more_cont').remove();
$('#content').append('<div class="clear"></div>');
}
});
}*/
}
});
});
</script>
在ajax成功函數的末尾,您可以嘗試以下操作:
$("body").trigger('load');
這應該觸發文檔主體上的加載事件,就像剛加載頁面一樣。 我不確定WP插件是否會按照您的期望進行響應,但是值得一試。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.