頁面準備不會觸發ajax加載更多文章

Question

您好，我使用下面的代碼來加載下面的帖子，而無需重新加載頁面。 Bassicly我的問題是，當帖子在下面被覆蓋，我的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> 

Answer 1

在你的ajax成功函數結束時，你可以試試這個：

$("body").trigger('load'); 

這應該觸發文檔正文中的負載事件彷彿頁。J最後加載。我不確定WP插件是否會按照您的預期做出反應，但值得一試。