这个注意看swiper的文档就可以了,可以使用jquery动态添加元素,然后调用swiper的update()方法即可。下面是一个小例子,记得把swiper和jquery引入进来
<div id="content">
<div class="swiper-container" id="swiper-container1" style="height:300px;">
<div class="swiper-wrapper">
<div class="swiper-slide blue-slide swiper-slide1">slider1</div>
<div class="swiper-slide red-slide">slider2</div>
<div class="swiper-slide orange-slide">slider3</div>
</div>
<div class="swiper-pagination"> </div>
</div>
<div id="contrast">
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
pagination : '.swiper-pagination',
})
setInterval(function(){
$(".swiper-wrapper").append('<div class="swiper-slide orange-slide">slider3</div>');
mySwiper.update(true);
},1000);
</script>
</div>
</div>
更多前端知识,请微☆信搜搜"htmlfans"