页面就绪没有在ajax上启动加载更多帖子

时间:2012-03-21 19:52:47

标签: javascript jquery ajax wordpress

您好我在下面使用此代码加载下面的帖子而无需重新加载页面。 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>  

1 个答案:

答案 0 :(得分:0)

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

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

触发文档正文中的加载事件,就像刚刚加载的页面一样。我不确定WP插件是否能按预期响应,但值得一试。