問題は、私は残念ながら、それは（何も起こりません）すべてでは動作しない、スムーズなページ遷移のための私のWebページ上で動作するように<a href="http://git.blivesta.com/animsition/" rel="nofollow">animsition</a>を取得しようとしている

Question

作業animsitionプラグインを取得するには

CSSとのJS両方プラグインが読み込まれます。クエリと同じです。エラーコンソールはエラーを返しません。

問題は何ですか？

おかげで、

HTML

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

JS

$(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 '<img src="loading.svg" />' 
    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; } 
    }); 
}); 

Answer 1

あなたのセレクタは$(".animsition")animsitionのクラスを持つ要素を探しているが、非は、ドキュメント内に存在します。あなたのコンソール出力で

ルック：

Animsition：要素がページ上に存在しません。