我使用下面的代码在页面上创建了多个滑动轮播。除了附加和前置幻灯片之外,一切正常,如果我删除代码,一切正常
$('.swiper-container').each(function() {
var cggoSwiper = new Swiper( $(this) , {
//swiper paramenters here
});
cggoSwiper.appendSlide(cggowlContentAfterSlider);
cggoSwiper.prependSlide(cggowlContentBeforeSlider);
});
请帮忙
最佳答案
您应该从以下代码中获取引用:
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
<div class="swiper-slide">Slide 4</div>
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination1"></div>
</div>
<!-- Swiper -->
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
<div class="swiper-slide">Slide 4</div>
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
<div class="swiper-slide">Slide 10</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination2"></div>
<!-- Initialize Swiper -->
<script>
var swiper1 = new Swiper('.swiper1', {
pagination: '.swiper-pagination1',
paginationClickable: true,
});
swiper1.appendSlide('<div class="swiper-slide">Slide 11</div>');
swiper1.prependSlide('<div class="swiper-slide">Slide 0</div>');
var swiper2 = new Swiper('.swiper2', {
pagination: '.swiper-pagination2',
paginationClickable: true,
});
swiper2.appendSlide('<div class="swiper-slide">Slide 11</div>');
swiper2.prependSlide('<div class="swiper-slide">Slide 0</div>');
<script>
您应该为每个 Swiper
变量指定一个唯一的引用。
关于javascript - Swiper js 附加和前置不适用于多个实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56724144/