SUI与swiper能否兼容?

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

clipboard.png

正常视图:

clipboard.png

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

clipboard.png

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

clipboard.png

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

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

阅读 4.6k
2 个回答

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

图片描述

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

根据楼上测试无效,放入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',
                },


            })
    })
宣传栏