SUI与swiper能否兼容?

发布于 2022-09-04 10:26:28 字数 759 浏览 19 评论 0

用swiper写了个滚动轮播,如果不加SUI框架的话,正常显示;

clipboard.png

正常视图:

clipboard.png

但是如果加上,而无法正常显示,有bug。

clipboard.png

这样子写的话,会出现,有空白页的现象,完全拉不回来....

clipboard.png

完全无法控制昂昂昂昂昂~~~~

请教下使用过两个插件的前辈们,给帮忙解释解释,谢谢啦~~~

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

帅的被狗咬 2022-09-11 10:26:28

我也出现了这个问题,,,好不容易搜到你这个问题却没有答案,,,,,,现在解决了

图片描述

放在$.init()之后就可以了,,,希望可以帮到下一个看到的人

梦途 2022-09-11 10:26:28

根据楼上测试无效,放入ready内可以,文档上最后有说明了

  $(document).ready(function () {
        var mySwiper = new Swiper('.swiper-container', {
                autoplay: true,
                loop: true,

                // 如果需要分页器
                // pagination: {
                //     el: '.swiper-pagination',
                // },

                // 如果需要前进后退按钮
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },


            })
    })
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文