animsition插件繼續預加載

Question

我今天開始使用animsition，一開始看起來很簡單。但是，當我在我的html代碼中使用它時，動畫不起作用，並繼續進行預加載。

HTML正文

<div class="panel1"> 
    <div class="tex">text</div><div class="t">t</div> 
    <div class="animsition head"> 
    <h2>Something</h2> 
    </div> 
</div> 

JS

$(".animsition").animsition({ 
inClass: 'fade-in-up', 
outClass: 'fade-out-up', 
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不適用於最新版本的jquery（3.1.1）。所以要小心，動畫用戶。