如何解决为什么 Typed.js 在克隆的 OwlCarousel2 项目中不起作用?
我正在使用 typed.js 通过 owlcarousel2 为文本设置动画,我遇到的问题是当我滚动到另一个项目 typed.js 未显示。 我不知道这个问题是从哪里来的,在 DevConsole 中没有错误信息??
注意:typed.js 仅适用于第一个 owlCarousel2 项目。
这是我的代码:
HTML:
<div class="owl-carousel owl-theme">
<div class="item"><h1>Hello <span class="example-title"></span></h1></div>
<div class="item"><h1>Hi <span class="example-title"></span></h1></div>
<div class="item"><h1>Welcome <span class="example-title"></span></h1></div>
</div>
JS:
var owlCarousel2 = $('.owl-carousel');
owlCarousel2.owlCarousel({
center: true,loop: true,rewind: true,margin: 0,nav: false,dots: true,mouseDrag: false
});
var typed = new Typed('.example-title',{
strings: ['World.','World2.','World3.'],startDelay: 1000,backDelay: 2000,typeSpeed: 30
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。