enable using $.ajax instead of load() using a callback

README.md

@@ -45,6 +45,8 @@ $('.jscroll').jscroll({
 * `contentSelector ('')` - A convenience selector for loading only part of the content in the response for the next set of content. This selector will be ignored if left blank and will apply the entire response to the DOM.
 * `pagingSelector ('')` - Optionally define a selector for your paging controls so that they will be hidden, instead of just hiding the next page link.
 * `callback (false)` - Optionally define a callback function to be called after a set of content has been loaded.
+* `loadFunc (null)` - Optionally define an alternate loading function (the default being jQuery.load). Use this to load data
+e.g. using POST instead of GET, or AJAX with data that is not known at the time of the last page load. The callback expects the target DOM element to be `this` (as in load()), so please use: `callback.call(target, ...)`, and not just `callback(...)`.
 
 For more information on the `contentSelector` option and how it loads a response fragment, see the [jQuery documentation for the .load() method](http://api.jquery.com/load/).
 
@@ -56,4 +58,4 @@ In lieu of a formal styleguide, take care to maintain the existing coding style.
 ## LICENSES:
 
 * MIT: http://www.opensource.org/licenses/mit-license.php
-* GPL-2.0: http://www.gnu.org/licenses/gpl-2.0.html
+* GPL-2.0: http://www.gnu.org/licenses/gpl-2.0.html

jquery.jscroll.js

@@ -29,6 +29,7 @@
             nextSelector: 'a:last',
             contentSelector: '',
             pagingSelector: '',
+            loadFunc: null,  // function (jscrollData, domTarget, on_complete) { domTarget.html("arbitrary content"); on_complete.call(domTarget, success ? null : "error"); }
             callback: false
         }
     };
@@ -142,6 +143,10 @@
                 }
             },
 
+            _defaultLoadFunc = function (data, target, callback) {
+                target.load(data.nextHref, function (r, status) { $.proxy(callback, target)(status); });
+            },
+
             // Load the next set of content, if available
             _load = function() {
                 var $inner = $e.find('div.jscroll-inner').first(),
@@ -152,8 +157,11 @@
                     .children('.jscroll-added').last()
                     .html('<div class="jscroll-loading">' + _options.loadingHtml + '</div>');
 
+                var loadFunc = _options.loadFunc || _defaultLoadFunc;
                 return $e.animate({scrollTop: $inner.outerHeight()}, 0, function() {
-                    $inner.find('div.jscroll-added').last().load(data.nextHref, function(r, status) {
+                    loadFunc(data,
+                             $inner.find('div.jscroll-added').last(),
+                             function(status) {
                         if (status === 'error') {
                             return _destroy();
                         }
@@ -216,4 +224,4 @@
         });
     };
 
-})(jQuery);
+})(jQuery);