jQuery传递推迟，答应，做ajax，正确的模式做

Question

I have 2 jquery pluggins (code is simplified):

(function ($, window, document, undefined) {
    $.fn.loadPageContent = function (url, postData) {
        url = url || window.location.href;
        postData = postData ? postData : {};
        return $.post(url, postData);
    }
})( jQuery, window, document );

(function ($, window, document, undefined) {
    $.fn.infinityLoader = function (url, startPageNo, postData ) {
        var $elms = this;
        $(window).on('scroll.infinityScroll', function() {
            if($(window).scrollTop() + $(window).height() > $(document).height()) {
                $elms.loadPageContent(url, postData);
            }
        });
    }
})( jQuery, window, document );

Is there a way to call infinityLoader and pass somehow promise to loadPageContent so i can be able to do:

$('#content').infinityLoader('http://example.com?page=', 1, {}).done(function(){
    alert('Content loaded!');
});

Answer 1

Change your infinityLoader function like this. Remember you have to resolve Deferred object after completing loadPageContent post call.

(function ($, window, document, undefined) {
        $.fn.infinityLoader = function (url, startPageNo, postData) {
            var d = $.Deferred();
            var $elms = this;
            $(window).on('scroll.infinityScroll', function () {
                if ($(window).scrollTop() + $(window).height() > $(document).height()) {
                    $elms.loadPageContent(url, postData).done(function () {

                        d.resolve();
                    });
                }
            });
            return d.promise();
        }
    })(jQuery, window, document);