Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动画插件继续预加载_Javascript_Jquery_Html_Animation_Animsition - Fatal编程技术网

Javascript 动画插件继续预加载

Javascript 动画插件继续预加载,javascript,jquery,html,animation,animsition,Javascript,Jquery,Html,Animation,Animsition,我今天开始使用动画,起初一切看起来都很简单。然而,当我在html代码中使用它时,动画无法工作,它一直在预加载 Html正文 <div class="panel1"> <div class="tex">text</div><div class="t">t</div> <div class="animsition head"> <h2>Something</h2> </div&g

我今天开始使用动画,起初一切看起来都很简单。然而,当我在html代码中使用它时,动画无法工作,它一直在预加载

Html正文

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

textt
某物
JS

$(“.animposition”).animposition({
包括:“淡入淡出”,
超越类:“淡出”,
硬化:1500,
持续时间:800,
linkElement:“.Animation链接”,
//例如linkElement:'a:not([target=“_blank”]):not([href^=“#”]”)
加载:对,
loadingParentElement:'body',//动画包装器元素
loadingClass:“动画加载”,
装入器:“”,//例如“”
超时:false,
超时倒计时:5000,
onLoadEvent:true,
浏览器:['动画持续时间','-webkit动画持续时间'],
//“浏览器”选项允许您在浏览器不支持数组中的css属性的情况下禁用“动画”。
//默认设置是在不支持“动画持续时间”的浏览器中禁用“动画”。
覆盖:假,
叠加类:“动画叠加幻灯片”,
OverlyParentElement:“body”,
转换:函数(url){window.location.href=url;}
});
浏览器会显示一个从未完成加载的预加载程序

找到了! Animation不适用于最新版本的jquery(3.1.1)。所以要小心,动漫用户。

找到了!
Animation不适用于最新版本的jquery(3.1.1)。所以当心,动漫用户。

老兄,你救了我一天!在阅读了你的答案后,我发现
v2.2.4
是它的最新jQuery版本。你救了我一天!在阅读了您的答案后,我发现
v2.2.4
是它使用的最新jQuery版本。
$(".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; }
});