微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么 Typed.js 在克隆的 OwlCarousel2 项目中不起作用?

如何解决为什么 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 举报,一经查实,本站将立刻删除。