2016-11-11 2 views
0

Я начал использовать анимацию сегодня, и сначала все выглядело просто. Однако, когда я использовал его в своем html-коде, анимация не работала, и она сохранялась при предварительной загрузке.плагин animsition продолжает предустановочную загрузку

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; } 
}); 

И браузер отображает прелоадер, который никогда не завершает загрузку.

ответ

1

Найденный! Animsition не работает с последней версией jquery (3.1.1). Так что будьте осторожны, пользователи анимации.

+0

Человек, которого ты спас мой день! – ThePHPAddicted

Смежные вопросы