Callback Functions
Javascript callback functions are triggered after Ajax Load More events
Each Javascript callback function is dispatched directly from core Ajax Load More or one of the various add-ons. To utilize the following callback functions simply copy and paste a code example below into your sites JavaScript file.
Complete
almComplete() is dispatched after every successful Ajax Load More query – Learn More.
|
1 2 3 4 5 |
$(function() { $.fn.almComplete = function(alm){ console.log("Ajax Load More Complete!"); }; })(jQuery); |
Are you looking for examples?
You’re in luck, we are compiling a list of callback examples in use by Ajax Load More users.
Done
almDone() is dispatched after all posts have been loaded and there are zero posts remaining.
|
1 2 3 4 5 |
$(function() { $.fn.almDone = function(){ console.log('All posts have been loaded!'); }; })(jQuery); |
Empty
almEmpty() is dispatched when zero results are returned in the initial Ajax Load More query.
|
1 2 3 4 5 6 7 8 |
$(function() { $.fn.almEmpty = function(alm){ var el = $(alm.content), msg = 'Sorry, nothing found in this Ajax Load More query'; el.append('<li>'+ msg +'</li>'); // Append to ALM //console.log("Nothing found in this Ajax Load More query :("); }; })(jQuery); |
Filter Complete
almFilterComplete() is dispatched after a successful call to the public function almFilter().
|
1 2 3 4 5 |
$(function() { $.fn.almFilterComplete = function(){ console.log('Ajax Load More filter has completed!'); }; })(jQuery); |
URL Update
almUrlUpdate() is dispatched after a successful URL update (pushState) from the Previous Post and Search Engine Optimization add-on.
|
1 2 3 4 5 6 7 |
$(function() { $.fn.almUrlUpdate = function(permalink, type){ // type = From which addon (previous-post | seo) // permalink = the updated url console.log("URL updated to " + permalink + '- dispatched from the '+ type + ' add-on.'); }; })(jQuery); |
Note: Your sites JavaScript functions file must be loaded after Ajax Load More in order to trigger these callbacks.