Example

Just use link on the top (Home, Example 1 and Example 2)

Simple use

First, add jQuery and the plugin in all pages of the site.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="path/to/ajax-navigator.js"></script>

Next, add this script just after including the plugin, and change #ajax-content by the selector of your container of the ajax navigation.

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $.ajax_navigator({
            'page_container': '#ajax-content'
        });
    });
</script>

Use with callback

The plugin allow you to use a callback function, which will be launch after each ajax call.

The callback function give you access to the element which called the new page by using $(this).

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $.ajax_navigator({
            'page_container': '#ajax-content'
        }, function() {
            // Do your stuff
        });
    });
</script>

Use options

You can custom some options of the plugin, like the container for the request.