首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >动画插件继续预压

动画插件继续预压
EN

Stack Overflow用户
提问于 2016-11-11 13:45:38
回答 1查看 1.9K关注 0票数 0

我今天开始使用动画片,一开始一切看起来都很简单。然而,当我在我的html代码中使用它时,这个动画不能工作,而且它一直在预压。

Html主体

代码语言:javascript
复制
<div class="panel1">
  <div class="tex">text</div><div class="t">t</div>
  <div class="animsition head">
    <h2>Something</h2>
  </div>
</div>

JS

代码语言:javascript
复制
$(".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; }
});

浏览器显示一个预加载程序,它永远不会完成加载。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-11 14:00:03

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

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40549328

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档