動畫插件繼續預加載

Question

我今天開始使用動畫，開始時一切看起來都很簡單。 但是，當我在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）。 所以要當心動畫用戶。