页面准备不会触发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插件是否会按照您的预期做出反应，但值得一试。