首页 > 解决方案 > 猫头鹰轮播自动播放和分页问题

问题描述

有问题的轮播:https ://codepen.io/ben456789/pen/jxVrXJ

我正在构建这个相当自定义的自动播放和循环 Owl Carousel,我遇到了一些问题,我在这里没有找到解决方案。

当轮播loops回到“选项卡 1”时,active该类被放置在正确div的位置,但用于定位幻灯片的内联样式不会更新,因此幻灯片显示在屏幕外。我在初始化时设置的选项有问题吗?我相信当我单击选项卡转到特定的slide. 任何帮助将不胜感激!

注意:我已经删除了很多 HTML、SCSS 和脚本,我认为这些内容会导致不必要的臃肿。因此,如果那里有任何您喜欢的东西,“为什么会在那里??!?!” 只是假设是其他东西的一部分,即视频,幻灯片过渡动画等......

如果您想增加轮播前的时间,也只是为了方便。js 的第 67 行将其从 10 增加到您喜欢的任何值!

我试过更新 jQuery 和 Owl Carousel 的版本,但这导致不,修复。

jquery 版本:1.9.1 猫头鹰版本:2.3.4

标签: jquerysassowl-carousel

解决方案


我发现在我的情况下,使用 wol carousel 的 animationOut 和 In 选项出现了很多问题,所以我用替代方法将其更改,它解决了我的问题!感谢至少看到这个问题但不幸无法提供任何帮助的其他 5 人,您的好意很明确。


推荐阅读