Swiper中文论坛

标题: [求助]同一网页swiper，但swiper-slide的数量不同 [打印本页]

作者: 哈囉 时间: 2015-8-5 16:41
标题: [求助]同一网页swiper，但swiper-slide的数量不同
本帖最后由哈囉于 2015-8-5 16:50 编辑

同一网页若干个swiper-container，但swiper-slide的数量不同，分页器的个数也不同，如下代码运行出來，
只会显示一个slide而已，不能滑动到第二个slide。请问如何解决？
注：若干个swiper-container，数量不定，不用每个都写ID然后实例化一次吧。 ~~

求大神救驾 ~~

==html==============================
<div class="swiper-container">
  第一个
  ...
  <div class="swiper-slide">
  <div class="swiper-slide">
  <div class="swiper-slide">
...
  <div class="swiper-pagination">

</div>

<div class="swiper-container">
  第二个
  ...
  <div class="swiper-slide">
  <div class="swiper-slide">

...
  <div class="swiper-pagination">

</div>

<div class="swiper-container">
  第三个
  ...
  <div class="swiper-slide">
  <div class="swiper-slide">
  <div class="swiper-slide">
  <div class="swiper-slide">
  <div class="swiper-slide">
...
  <div class="swiper-pagination">

</div>

==js==============================
var mySwiper = new Swiper('.swiper-container', {
  pagination : '.swiper-pagination'
}

作者: huangtouge 时间: 2015-8-6 10:54
用不同的命名，使用不同的选择器。

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)