|
defaultData = ['root']; dataSource1 = ['Slide A', 'Slide B', 'Slide C', 'Slide D', 'Slide E', 'Slide F']; dataSource2 = ['js', 'json ', 'xml', 'php', 'java', 'css'];
var swiper = new Swiper('.swiper-container', { virtual: { slides: defaultData, renderSlide:function(slide, index){ return '<div class="swiper-slide">索引是'+index+'+内容是'+slide+'</div>'; }, }, });
// 使用下面的方式更新 slides
mySwiper.virtual.cache=[];//清除cache内的虚拟slide mySwiper.virtual.slides = dataSource1; //设置新的虚拟Slide数组
mySwiper.virtual.update();
// swiper 初始化后,现在我们按照这个方式来测试
1:更换数据源 mySwiper.virtual.slides = dataSource1
2:执行一次 mySwiper.slideNext(),再执行 mySwiper.slideNext(),
3:然后更换 mySwiper.virtual.slides = dataSource2,再执行 mySwiper.slideNext()
问题就来了,第二屏的内容是 Slide B 而不是 json 。
哪位有经验的朋友帮忙解决下呢。
|
|