Infinite-Scroll циклично работает в WordPress, если его на index.php или домашней странице

Question

Этот код работает, если он не находится на домашней странице или index.php, но если он находится на домашней странице, он просто зацикливается и зацикливается и никогда не заканчивается. Можете ли вы помочь мне исправить это?

Пожалуйста, проверьте код ниже. Мой html и мой javascript, как вы можете видеть, будут отображать только 4 элемента. Когда вы прокручиваете, он покажет остальные 4, но это просто зацикливание.

HTML-код:

                    <?php
                    $args = array(
                        'category_name' => 'portfolio',
                         'post_type' => 'post',
                         'posts_per_page' => 4,
                         'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1)
                         );
                    query_posts($args);
                    $x = 0;
                    while (have_posts()) : the_post(); ?>
                        <div class="col-md-6 portfolio-master-item wow fadeInDown">
                                    <div class="portfolio-item col-centered">
                                            <a class="portfolio-links" href="<?php the_field('project_link'); ?>">
                                                <img src="<?php the_field('featured_image'); ?>" alt="<?php the_field('featured_alt'); ?>" title="<?php the_field('featured_alt_img'); ?>">
                                                    <div class="overlay ">
                                                        <div class="text "><?php the_field('genre'); ?></div>
                                                    </div>
                                            </a>
                                    </div>
                                    <div class="info">
                                        <h3 class="info-title"> <?php the_title(); ?> </h3>
                                        <p class="info-details"> <?php the_field('description'); ?> </p>
                                    </div>
                        </div>

                    <?php if ($x == 4) { $x = -1; } $x++; ?>
                    <?php endwhile; ?>

                    <div class="clear"></div>

            </div>
            <div class="load_more_cont">
                <div align="center"><div class="load_more_text">
                <?php
                ob_start();
                next_posts_link('<img src="' . get_bloginfo('stylesheet_directory') . '/img/load-16.png" />');
                $buffer = ob_get_contents();
                ob_end_clean();
                if(!empty($buffer)) echo $buffer;
                ?>
                </div></div>
            </div><!--//load_more_cont-->

            <?php wp_reset_query(); ?>

        </div>

Javascript:

<script type="text/javascript">
$(document).ready(
function($){
    $('#posts_cont').infinitescroll({

        navSelector  : "div.load_more_text",
            // selector for the paged navigation (it will be hidden)
        nextSelector : "div.load_more_text a:first",
            // selector for the NEXT link (to page 2)
        itemSelector : "#posts_cont .col-md-6.portfolio-master-item"
            // selector for all items you'll retrieve
    },function(arrayOfNewElems){

    $('#posts_cont').append('<div class="clear"></div>');

            //$('.home_post_cont img').hover_caption();

         // optional callback when new content is successfully loaded in.

         // keyword `this` will refer to the new DOM content that was just added.
         // as of 1.5, `this` matches the element you called the plugin on (e.g. #content)
         //                   all the new elements that were found are passed in as an array

    });
}
);
</script>