Advanced Ajax Page Loader

Reload Code Snippets

These code snippets give you an idea of how you can reload various javascript back into the page after AJAX has taken place, most WILL need some modification for your requirements.

jScrollPane

Fortunately it is pretty easy to reload the jScrollPane javascript, just call the following code, make sure to change '.scroll-pane' to the container reference required.

jQuery('.scroll-pane').jScrollPane();

nivoslider

Again nivoSlider is pretty easy to reload, just call the following code, make sure to change '#slider' to the container reference required, and modify the options to resemble what you require / what was called on page load.

jQuery('#slider').nivoSlider({ pauseTime:3000, effect:'boxRandom', animSpeed:700, directionNav:true, controlNav: false });

data-lazy-src

If you have some images that load dynamically and dont load when using AAPL - this snippet might be the answer to your problems, check the source of your site and if your images have a "data-lazy-src" tag then this is what you need to call to reload them.

jQuery( 'img[data-lazy-src]' ).bind( 'scrollin', { distance: 200 }, function() { var img = this, $img = jQuery(img), src = $img.attr( 'data-lazy-src' ); $img.unbind( 'scrollin' ) // remove event binding .hide() .removeAttr( 'data-lazy-src' ) .attr( 'data-lazy-loaded', 'true' );; img.src = src; $img.fadeIn(); });

Contact Form 7

If you are using Contact Form 7 on your site then this code will reload it:

jQuery.get('/wp-content/plugins/contact-form-7/scripts.js', function(data) { eval(data); });

Addthis Social Buttons

If you are using Addthis on your site then this code will reload it, make sure to insert your PUBID:

// Addthis if (window.addthis) { window.addthis = null; window._adr = null; window._atc = null; window._atd = null; window._ate = null; window._atr = null; window._atw = null; } jQuery.getScript('http://s7.addthis.com/js/250/addthis_widget.js#pubid=YOUR-PUBID');

Disqus Comment System

If you are using Disqus on your site then this code will reload it:

(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();

Slideshow Satellite

If you are using Slideshow Satellite on your site then this code will reload it:

jQuery('#featured').satlorbit({});

Lightbox Gallery

If you are using Lightbox Gallery on your site then this code will reload it:

jQuery(document).ready(function () { jQuery(".gallery1 a").attr("rel","gallery1"); jQuery('a[rel="gallery1"]').colorbox({title: function(){ return jQuery(this).children().attr("alt"); }}); });

Social Media Plugin Reloads

Here are some reloads for a couple of popular social media websites:

Facebook

FB.XFBML.parse();

Twitter

twttr.widgets.load();

Sharethis

stButtons.locateElements();

You got a solution?

If you have worked on a solution for reloading a popular javascript library/function, then please let me know either through WordPress or by E-Mail.