swipe.js怎么动态添加滑动元素

2025-03-04 04:05:34
推荐回答(4个)
回答1:

这个注意看swiper的文档就可以了,可以使用jquery动态添加元素,然后调用swiper的update()方法即可。下面是一个小例子,记得把swiper和jquery引入进来。

Swiper常用于移动端网站的内容触摸滑动。

Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!

回答2:

这个注意看swiper的文档就可以了,可以使用jquery动态添加元素,然后调用swiper的update()方法即可。下面是一个小例子,记得把swiper和jquery引入进来


    
        
            slider1

            slider2

            slider3

        

         

    

    
         
                var mySwiper = new Swiper('.swiper-container',{
                pagination : '.swiper-pagination',
                })
                setInterval(function(){
                    $(".swiper-wrapper").append('slider3
');
                    mySwiper.update(true);
                },1000);
        
     
 

更多前端知识,请微☆信搜搜"htmlfans"

回答3:

只要在ajax执行结束执行swiper方法就行
var swipertj = $('.swiper-container').swiper({
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true,//修改swiper的父元素时,自动初始化swiper
slidesPerView: 3,
spaceBetween: 10,

回答4:

你直接百度,
就有demo供你参考的。

相关问答
最新问答