Swiper中文论坛

标题: 一个页面多个swiper 如何让一个swiper不触发其他swiper 事件 [打印本页]

作者: mmp 时间: 2016-1-12 17:12
标题: 一个页面多个swiper 如何让一个swiper不触发其他swiper 事件
var swiper = new Swiper('.swiper-container');
var swiper2 = new Swiper('.swiper-container2',{
      onTouchEnd:function(swiper){
         alert(1)
      }
});
swiper 滑动时会触发 swiper2的onTouceEnd事件？如何做到不触发

作者: kalmanboy 时间: 2016-1-19 10:31
var swiper = new Swiper('.swiper-container');
改下括号里面的id就可以了，只要这个名字不重复就不会冲突的

作者: java06341 时间: 2016-1-19 15:07

kalmanboy 发表于 2016-1-19 10:31
var swiper = new Swiper('.swiper-container');
改下括号里面的id就可以了，只要这个名字不重复就不会冲突 ...

不行啊。我试了

作者: kalmanboy 时间: 2016-1-19 17:11

java06341 发表于 2016-1-19 15:07
不行啊。我试了

代码我看下

作者: 心安one 时间: 2016-1-20 16:04
给他们每一个都加个父元素，父元素的名字不同,html中和js中间都加，可以是是一个空的div
<div class="jiayou">
<div class="swiper-container swiper-no-swiping"></div>
</div>
var swiper = new Swiper('.jiayou .swiper-container', {
pagination: '.jiayou .swiper-pagination',}

作者: penny 时间: 2016-3-16 15:45
var swiper = new Swiper('.jiayou .swiper-container', {
         pagination: '.jiayou .swiper-pagination',}这里的.jiayou .swiper-container不能有父类名字
可改为<div class="jiayou">
                  <div class="swiper-container1 swiper-no-swiping"></div>
</div>
var swiper = new Swiper('.swiper-container1', {
         pagination: ' .swiper-pagination',}

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