页面准备好未在 ajax 上触发加载更多帖子答案

【问题标题】：Page ready not firing on ajax load more posts页面准备好未在 ajax 上触发加载更多帖子
【发布时间】：2012-03-21 19:52:47
【问题描述】：

您好，我正在使用下面的代码来加载下面的帖子，而无需重新加载页面。基本上我的问题是当帖子在下面加载时，我的 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>

【问题讨论】：

标签： javascript jquery ajax wordpress

【解决方案1】：

在你的 ajax 成功函数结束时，你可以试试这个：

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

这应该触发文档正文上的加载事件，就像页面刚刚加载一样。我不确定 WP 插件是否会如您预期的那样响应，但值得一试。

【讨论】：