急求！swiper两个demo在同一个页面怎么写！

zhule · 发表于 2016-1-21 10:44:17

急求！swiper两个demo在同一个页面怎么写！

assamy · 发表于 2016-3-30 13:20:31

为什么不轮播了

xjtarzan · 发表于 2016-3-4 13:06:17

<script>
var swiperH = new Swiper('.swiper-container-h', {
pagination: '.swiper-pagination-h',
paginationClickable: true,
spaceBetween: 50
});
var swiperV = new Swiper('.swiper-container-v', {
pagination: '.swiper-pagination-v',
paginationClickable: true,
direction: 'vertical',
spaceBetween: 50
});
</script>

复制代码

789998 · 发表于 2016-2-1 13:51:03

<div class="swiper-container swiper-container-v">
<div class="swiper-wrapper ">
<div class="swiper-slide ">
<div class="swiper-container swiper-container-h" >
<div class="swiper-wrapper swiper-wrapper-h">
<div class="swiper-slide"></div>
<div class="swiper-slide"></div>
</div>
</div>
</div>
<div class="swiper-slide "></div>
<div class="swiper-slide "></div>
<div class="swiper-slide "></div>
</div>
</div>
<script>
var swiperV = new Swiper('.swiper-container-h', {
pagination: '.swiper-pagination-h',
mousewheelControl : true,
});
var swiperV = new Swiper('.swiper-container-v', {
pagination: '.swiper-pagination-v',
direction: 'vertical',
mousewheelControl : true,
});
</script>

复制代码

Swpery · 发表于 2016-1-22 16:26:27

低级的问题，啪啪啪啪啪

菜鸟来袭 · 发表于 2016-1-22 11:11:25

加个类名不行么？js在用类名写一遍？

Hi丁 · 发表于 2016-1-21 14:43:02

var swiper = new Swiper('.swiper-container', {scrollbarHide: false,slidesPerView: 'auto',freeMode : true});
var swiperH = new Swiper('.swiper-container-h', {pagination: '.swiper-pagination-h',loop : true, paginationClickable: true});

html代码：
<div class='swiper-container'></div>
<div class='swiper-container-h'></div>

Hi丁 · 发表于 2016-1-21 14:41:12

不好意思写错了

Hi丁 · 发表于 2016-1-21 14:40:37

var mySwiper = new Swiper('#swiper-container1',{
loop:true,
autoplay : 3000,
autoplayDisableOnInteraction : true,
})
var mySwiper = new Swiper('#swiper-container2',{
loop:true,
autoplay : 3000,
autoplayDisableOnInteraction :false,
})

var mySwipe 不要换名字只更改#id

zhule · 发表于 2016-1-21 14:17:19

我用sui mobile 框架
var mySwiper = new Swiper('#swiper-container1',{
loop:true,
autoplay : 3000,
autoplayDisableOnInteraction : true,
})
var mySwiper2 = new Swiper('#swiper-container2',{
loop:true,
autoplay : 3000,
autoplayDisableOnInteraction :false,
})

$.init()

这是js，但是html 里面添加了id，也没用，