查看: 1560|回复: 1
打印 上一主题 下一主题

[求助]同一网页swiper,但swiper-slide的数量不同

[复制链接]

该用户从未签到

1

主题

1

帖子

23

积分

新手上路

Rank: 1

积分
23
跳转到指定楼层
楼主
发表于 2015-8-5 16:41:56 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 哈囉 于 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'
}





分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
沙发
发表于 2015-8-6 10:54:49 | 只看该作者
用不同的命名,使用不同的选择器。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-23 05:17 , Processed in 0.056825 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表