Issue to get animsition plugin working
<p>I'm trying to get the <a href="http://git.blivesta.com/animsition/" rel="nofollow">animsition</a> to work on my web page for smooth page transition, unfortunately it does not work at all (nothing happens)</p>

<p>Both the CSS and the JS of the plugin are loaded. Same for query. The error console does not return any error.</p>

<p>Any idea what the issue is?</p>

<p>Thanks,</p>

<p>HTML</p>

<pre><code>&lt;nav class="navbar-classic"&gt;
            &lt;li&gt;&lt;a href="bootstrap.html" class="active animsition-link" data-animsition-out-class="fade-out-right" data-animsition-out-duration="2000"&gt;Who are we? &lt;/a&gt;
              &lt;ul class="dropdown"&gt;
                &lt;li&gt;&lt;a href="bootstrap.html" class="animsition-link" data-animsition-out-class="fade-out-right" data-animsition-out-duration="2000"&gt;Sub 1&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="bootstrap.html" class="active animsition-link" data-animsition-out-class="fade-out-right" data-animsition-out-duration="2000"&gt;Sub 2&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="bootstrap.html" class="active animsition-link" data-animsition-out-class="fade-out-right" data-animsition-out-duration="2000"&gt;Services Services Services&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="bottstrap.html" class="active animsition-link" data-animsition-out-class="fade-out-right" data-animsition-out-duration="2000"&gt;Products Products Products&lt;/a&gt;
            &lt;/li&gt;
          &lt;/nav&gt;
</code></pre>

<p>JS</p>

<pre><code>$(document).ready(function() {
  $(".animsition").animsition({
    inClass: 'fade-in',
    outClass: 'fade-out',
    inDuration: 1500,
    outDuration: 800,
    linkElement: '.animsition-link',
    // e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
    loading: true,
    loadingParentElement: 'body', //animsition wrapper element
    loadingClass: 'animsition-loading',
    loadingInner: '', // e.g '&lt;img src="loading.svg" /&gt;'
    timeout: false,
    timeoutCountdown: 5000,
    onLoadEvent: true,
    browser: [ 'animation-duration', '-webkit-animation-duration'],
    // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
    // The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
    overlay : false,
    overlayClass : 'animsition-overlay-slide',
    overlayParentElement : 'body',
    transition: function(url){ window.location.href = url; }
  });
});
</code></pre>