How to make use of it:

1. Download and put the jquery.jqueryhash.js script after loading the newest jQuery.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.jqueryhash.js"></script>

2. Trigger a callback function when the URL hash has modified.

<a href="#jquery" id="jquery">jQuery Hash</a>
<a href="#script" id="script">Script Hash</a>

$.onHash({
  hashes: [
    ['Web', function() { console.log('Hash Changed: jquery'); }],
    ['script', function() { console.log('Hash Changed: Code'); }]
  ]
});

3. Determine whether or not to trigger the callback only on the web page load.

$.onHash({
  hashes: [
    ['Web', function() { console.log('Hash Changed: jquery'); }],
    ['script', function() { console.log('Hash Changed: Code'); }]
  ],
  onlyOnLoad: true
});

4. Add a new handler to a hash.

$.onHash('onAddHandler', ['new', function() { 
  // do something
}]);

5. Update the handler.

$.onHash('onUpdateOne', ['new', function() { 
  // do something
}]);

6. Remove the callback of a hash.

$.onHash('onRemoveOneHandler', 'jquery');

7. Remove all callbacks.

$.onHash('onRemoveHashChange');

Handle URL Hash Change In jQuery, JQueryHash Plugin/Github

See Demo And Download