Saving And Loading The Ajax State Of A Page

I'm working on an ajax loading function on a Wordpress single page portfolio. The principle is that when you click a thumbnail in the gallery, it opens a container (#DrawerContaine

Solution 1:

on onload you should check the window.location.hash and trigger a click on the particular link/div.

$(document).ready(function() {
    var hash = window.location.hash;
    if ( hash.length > 0 ) {
        hash = hash.replace('#' , '' , hash );
        $('a[rel="'+hash+'"]').trigger('click');
    }
}); 

Solution 2:

I have used the following on sites where I want to trigger via hash changes.

First I bind a hashchange event to get the hash value

 $(window).bind('hashchange', function(o){

            url = window.location.hash.substring(1);

            o.preventDefault();



        if (!url) {
            return;
        }

 }

Then I trigger the hashchange when I want - in your case when the page loads i.e. on document ready.

jQuery(document).ready(function($) {
   $(window).trigger('hashchange');
});

You can then use the hash value in your function that loads the correct content