Swiper中文论坛

标题: 怎样禁止滑动事件？ [打印本页]

作者: VoLi 时间: 2015-8-10 03:34
标题: 怎样禁止滑动事件？
具体就是在3屏的情况下禁止滑动手机屏幕，求解决方法谢谢！

作者: uiop0009 时间: 2015-8-10 17:05
试试 mySwiper.detachEvents();

作者: 心安one 时间: 2016-1-20 16:07
可以在slide上（或其他元素）增加类名'swiper-no-swiping'，使该slide无法拖动。

作者: jiusannian 时间: 2016-7-14 00:44

心安one 发表于 2016-1-20 16:07
可以在slide上（或其他元素）增加类名'swiper-no-swiping'，使该slide无法拖动。

用了这个后能达到效果，但是为什么会阻止了onTap事件呢？

作者: ruise 时间: 2016-11-27 14:14

jiusannian 发表于 2016-7-14 00:44
用了这个后能达到效果，但是为什么会阻止了onTap事件呢？

遇到相同的问题，有解决吗？请教

作者: 淡呀淡的光 时间: 2017-3-8 13:11

jiusannian 发表于 2016-7-14 00:44
用了这个后能达到效果，但是为什么会阻止了onTap事件呢？

请问有解决吗，也遇到这个问题，点击事件无效

作者: bekind 时间: 2017-6-15 18:13

淡呀淡的光发表于 2017-3-8 13:11
请问有解决吗，也遇到这个问题，点击事件无效

不要设置 swiper-no-swiping，onlyExternal设置为true

作者: Dewey 时间: 2017-8-31 15:57
noSwipingClass : '参数为禁止滑动的类名称',

作者: binglang31 时间: 2017-9-7 14:44

uiop0009 发表于 2015-8-10 17:05
试试 mySwiper.detachEvents();

漂亮！

作者: shuyoukeji 时间: 2017-9-20 18:42

binglang31 发表于 2017-9-7 14:44
漂亮！漂亮！

你好，我也遇到了你说的问题，可是按照你最后采纳的方法，点击不可以，请问要怎么解决？
以下是我的代码：
var mySwiper2 = new Swiper('#swiper-container2',{
watchSlidesProgress : true,
watchSlidesVisibility : true,
slidesPerView :'auto',
//noSwipingClass:'ceshi',
mySwiper2.detachEvents(); //移除所有slide监听事件

onTap: function(){
mySwiper3.slideTo( mySwiper2.clickedIndex)
}

})

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