Javascript Ajax循环WordPress帖子

我正在尝试在我的网站上应用此教程

我应用了所有东西，我从Chrome控制台得到了这个错误

Uncaught TypeError: undefined is not a function 

这是我的代码：

// ajaxLoop.js
jQuery(function($){
    var page = 1;
    var loading = true;
    var $window = $(window);
    var $content = $("#articles-wrapper");
    var load_posts = function(){
            $.ajax({
                type       : "GET",
                data       : {numPosts : 5, pageNumber: page}, 
                dataType   : "html",
                url        : "http://www.dzlng.com/demo/wp-content/themes/dzlng/loopHandler.php",
                beforeSend : function(){
                    if(page != 1){
                       /* $content.append('<div id="temp_load" style="text-align:center">\
                            loading....\
                            </div>');*/
                    }
                },
                success    : function(html){
                    $data = $(html);
                    if($data.length){
                        //$data.hide();
                        var newItems = $(html).appendTo($("#articles-wrapper"));
                        imagesLoaded('#articles-wrapper', function() {
                            $("#articles-wrapper").isotope('appended', newItems );
                        });
                        $data.fadeIn(500, function(){
                            $("#temp_load").remove();
                            loading = false;
                        });
                    } else {
                        $("#temp_load").remove();
                    }
                },
                error     : function(jqXHR, textStatus, errorThrown) {
                    $("#temp_load").remove();
                    alert(jqXHR + " :: " + textStatus + " :: " + errorThrown);
                }
        });
    }
    $window.scroll(function() {
        var content_offset = $content.offset();
        //console.log(content_offset.top);
        if(!loading && ($window.scrollTop() +
            $window.height()) > ($content.scrollTop() + $content.height() + content_offset.top)) {
                loading = true;
                page++;
                load_posts();
        }
    });
    load_posts();
});

以及：

---

我尝试了一些东西，但不起作用。

imagesLoaded是函数吗？无法在此处查看函数定义。否则，是否有行号指向错误？这是一个JS错误，当您试图调用一个不存在的函数时会发生-要么它没有被声明，要么它在另一个作用域中/不可访问，要么可能输入错误？看起来是同位素函数未定义。如果在ajaxLoop.js排队时添加对同位素.pkgd.min.js的依赖项，会有帮助吗？在附加元素之前，需要调用$articles-wrapper.同位素。在wp-config.php中，启用调试模式，如定义“wp_debug”，true；然后检查错误。您知道PHP不会返回图像。。content-item.php看起来怎么样？

<?php
//loopHandler.php
// Our include
define('WP_USE_THEMES', false);
require_once('../../../wp-load.php');

// Our variables
$numPosts = (isset($_GET['numPosts'])) ? $_GET['numPosts'] : 0;
$page = (isset($_GET['pageNumber'])) ? $_GET['pageNumber'] : 0;

query_posts(array(
       'posts_per_page' => $numPosts,
       'paged'          => $page
));

// our loop
if (have_posts()) {
       while (have_posts()){
              the_post();
              get_template_part( 'content', 'item' );
       }
}
wp_reset_query();
?>