簡體   English   中英

頁面准備好不在ajax上觸發加載更多帖子

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM