- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
根据此处作为答案提供的说明...
iDangerous Swiper plugin reset slides
我正在尝试做这样的事情:
http://jsfiddle.net/monastic/ydKn2/17/
<div id="slide-repo">
<div class="swiper-slide">
<img src="http://dummyimage.com/100x100/000/fff.jpg" />
</div>
...................
</div>
<div>
<button id="update-slides">Update Slides</button>
</div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="http://dummyimage.com/100x100/ff0000/fff.jpg" />
</div>
.................
</div>
</div>
var mySwiper = new Swiper('.swiper-container', {
mode: 'vertical',
loop: true,
loopAdditionalSlides: 5,
centeredSlides: true,
slidesPerView: 2,
initialSlide: 0,
});
$('button#update-slides').on('click', function(){
var swiperWrapper = $('.swiper-wrapper'),
newSlides = $('#slide-repo').children('.swiper-slide').clone(true);
mySwiper.destroy();
swiperWrapper.empty().append(newSlides);
$('.swiper-wrapper').attr('style', '');
mySwiper.reInit();
});
但控制台返回“无法读取 null 的属性“init””。
有什么建议吗?
最佳答案
我相信这是因为您正在调用 mySwiper.destroy()
,因此无法运行 reInit()
。文档说 reInit 用于在添加或删除幻灯片时进行重置。但在这里,您在不再是滑动器的元素上调用 reInit。
相反,您可以每次重新创建滑动器。 (我不确定为什么只调用 removeAllSlides
然后 reInit
不会保留相同的设置。)
var settings = {
mode: 'vertical',
loop: true,
loopAdditionalSlides: 5,
centeredSlides: true,
slidesPerView: 2,
initialSlide: 0,
},
mySwiper = new Swiper('.swiper-container', settings);
$('button#update-slides').on('click', function(){
var swiperWrapper = $('.swiper-wrapper'),
newSlides = $('#slide-repo').children('.swiper-slide').clone(true);
mySwiper.destroy();
swiperWrapper.empty().append(newSlides);
$('.swiper-wrapper').attr('style', '');
mySwiper = new Swiper('.swiper-container', settings);
});
fiddle :http://jsfiddle.net/L2HJK/2/
关于jquery - iDangerous Swiper,后续的 destroy() 和 reInit() 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24715793/
我在我的项目中做了一些大的重构:我重命名了文件,删除了,添加了...此外,我在 .gitignore 中添加了一些文件夹。但是,我已经在重构之前提交了远程存储库。 有什么可以让 git “reinit
我有一个滑动器,我希望能够动态切换 progress 参数(我正在使用 swiper-smooth-progress 插件)。 我像这样初始化了滑动器: var mySwiper = $('.swip
我正在对一个网站进行 ajax 化。我的菜单应该始终是粘性的(使用 Foundation 提供的粘性模块)。但它只在常规页面加载时粘滞,而不是在 ajax 重新加载时(也就是在网站上导航时) 我正在尝
根据此处作为答案提供的说明... iDangerous Swiper plugin reset slides 我正在尝试做这样的事情: http://jsfiddle.net/monastic/ydK
我是一名优秀的程序员,十分优秀!