|
最近使用到swiper3 用来做图表echarts的切换,但是在使用中发现,当打开loop:true,之后功能就不正常了,点向左的箭头可以正常循环,点向右的箭头,就无法看到图像了,这是问什么呢?
这是主要代码:chart1和chart2在页面初始化完会echarts生成两个图
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1
<div id="chart1" style="position:relative;width:800px;height:600px;border:1px solid red;">a</div>
</div>
<div class="swiper-slide">Slide 2
<div id="chart2" style="position:relative;width:800px;height:600px;border:1px solid red;">b</div>
</div>
</div>
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
swiper的代码,最基础的了,
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop:true
});
|
|