",
24 | * callback: function(){
25 | * alert("test");
26 | * }
27 | * });
28 | *
29 | * Configuration options:
30 | *
31 | * bottomPixels integer the number of pixels from the bottom of the page that triggers the event
32 | * fireOnce boolean only fire once until the execution of the current event is completed
33 | * fireDelay integer delay the subsequent firing, in milliseconds, 0 or false to disable delay
34 | * loader string the HTML to be displayed during loading
35 | * data string|function plain HTML data, can be either a string or a function that returns a string,
36 | * when passed as a function it accepts one argument: fire sequence (the number
37 | * of times the event triggered during the current page session)
38 | * insertAfter string jQuery selector syntax: where to put the loader as well as the plain HTML data
39 | * callback function callback function, accepts one argument: fire sequence (the number of times
40 | * the event triggered during the current page session)
41 | * resetCounter function resets the fire sequence counter if the function returns true, this function
42 | * could also perform hook actions since it is applied at the start of the event
43 | * ceaseFire function stops the event (no more endless scrolling) if the function returns true
44 | *
45 | * Usage tips:
46 | *
47 | * The plugin is more useful when used with the callback function, which can then make AJAX calls to retrieve content.
48 | * The fire sequence argument (for the callback function) is useful for 'pagination'-like features.
49 | */
50 |
51 | (function($){
52 |
53 | $.fn.endlessScroll = function(options) {
54 |
55 | var defaults = {
56 | bottomPixels: 50,
57 | fireOnce: true,
58 | fireDelay: 150,
59 | loader: " Loading... ",
60 | data: "",
61 | insertAfter: "div:last",
62 | resetCounter: function() { return false; },
63 | callback: function() { return true; },
64 | ceaseFire: function() { return false; }
65 | };
66 |
67 | var options = $.extend({}, defaults, options);
68 |
69 | var firing = true;
70 | var fired = false;
71 | var fireSequence = 0;
72 |
73 | if (options.ceaseFire.apply(this) === true) {
74 | firing = false;
75 | }
76 |
77 | if (firing === true) {
78 | $(this).scroll(function() {
79 | if (options.ceaseFire.apply(this) === true) {
80 | firing = false;
81 | return; // Scroll will still get called, but nothing will happen
82 | }
83 |
84 | if (this == document || this == window) {
85 | var is_scrollable = $(document).height() - $(window).height() <= $(window).scrollTop() + options.bottomPixels;
86 | } else {
87 | // calculates the actual height of the scrolling container
88 | var inner_wrap = $(".endless_scroll_inner_wrap", this);
89 | if (inner_wrap.length == 0) {
90 | inner_wrap = $(this).wrapInner("").find(".endless_scroll_inner_wrap");
91 | }
92 | var is_scrollable = inner_wrap.length > 0 &&
93 | (inner_wrap.height() - $(this).height() <= $(this).scrollTop() + options.bottomPixels);
94 | }
95 |
96 | if (is_scrollable && (options.fireOnce == false || (options.fireOnce == true && fired != true))) {
97 | if (options.resetCounter.apply(this) === true) fireSequence = 0;
98 |
99 | fired = true;
100 | fireSequence++;
101 |
102 | $(options.insertAfter).after("
93 |
105 |