2 quanyechaaaa quanyechaaaa 于 2016.04.11 10:13 提问

swiper快速滑动后,滑动事件失效

假如有1,2,3屏,从2滑动切换屏幕到3时,删除1,新增4在3后面, 慢点滑动的时候没问题,但是一旦滑动快了,这个滑动事件就失效了,求问大神有什么解决办法没?
(function(){
var flog = 0;
var mySwiper = new Swiper ('.swiper-container', {
initialSlide:2,
direction: 'horizontal',
onSlideNextEnd: function(swiper){//往左滑,出现后一个,删掉第一个
if(flog != 0){
var num = parseInt($('.swiper-slide').eq(4).text()) + 1;
mySwiper.appendSlide('

'+num+'
');
mySwiper.removeSlide(0);
}
flog++;
},
onSlidePrevEnd: function(swiper){//往右滑,出现前一个,删掉最后一个
var num = parseInt($('.swiper-slide').eq(0).text()) - 1;
mySwiper.prependSlide('
'+num+'
');
mySwiper.removeSlide(4);
}
})
})();

3个回答

Z_NewBie
Z_NewBie   2016.04.11 10:39

加时间戳 比如你打开页面2的时候提前预加载页面4

quanyechaaaa
quanyechaaaa 我试了的 不行,不知道为什么 事件直接失效了
2 年多之前 回复
quanyechaaaa
quanyechaaaa   2016.04.11 10:40

我试了的 不行,不知道为什么 事件直接失效了

CSDNXIAOD
CSDNXIAOD   2016.04.11 19:32

鼠标滑动事件
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
swiper.js完美的解决触摸滑动效果
Swiper 是一款免费以及轻量级的移动设备触控滑块的框架,使用硬件加速过渡(如果该设备支持的话)。主要使用与移动端的网站、网页应用程序(web apps),以及原生的应用程序(native apps)。主要是为IOS而设计的,同时,在Android、WP8系统以及现代桌面浏览器也有着良好的用户体验。
swiper fixed定位滑动失效解决办法
swiper fixed定位
swiper移动端左右滑动与连接同时触发解决方案
swiper api中有自己的属性preventClicks可以控制不同时触发,但是经自己测试,只适用于pc端,移动端仍然有问题,以下为 自己的实现方式,仅供参考。项目已经放到资源,下载可以看。 var startY,startX,endX,endY; var mySwiper = new Swiper('.swiper-container',{ preventClicks : tr
swiper的学习(一):解决动态加载数据滑动失效
最近做项目,要求做一个位于顶部可以左右滑动的tab栏,决定用swiper控件实现 具体的swiper使用方法不多说了,官网链接如下: http://www.swiper.com.cn/api/basic/2016/0125/295.html由于容器内部可左右滑动的区域过长,所以采用了网格分布的swiper,初始化如下var mySwiper = new Swiper('.swiper-conta
关于滑动切换页面swiper的坑
我们的页面结构必须严格按照官方的标准: Slide 1 Slide 2 Slide 3 ... 看见swiper-container类了吗,他必须是区域的顶层元素即他应该是body的子元素,而
swiper 解决动态加载数据滑动失效
两种解决方法 1.数据加载后进行swiper初始化 success:function(result){ var resultdata =eval("("+result+")"); if(resultdata.status == 1){ var dataList = resultdata.data; currentPage = resultda
移动端的左右滑动DEMO,解决了左右滑动而不能上下滑动的事件冲突
解决前端左右滑动和上下滑动的时间冲突
HTML5滑动(swipe)事件
移动H5开发中经常用到滑动效果(页面上移、下移、向左滑动、向右滑动等),浏览器并没有内置swipe事件,可以通过touch事件(touchstart、touchmove和touchend)模拟swipe效果。
移动端触摸滑动插件Swiper
移动端触摸滑动插件Swiper 04/02/2015 一、了解Swiper 目前移动端项目一般都需要具有触屏焦点图的效果,如果你也需要实现这一功能的话,Swiper是一个不错的选择。 1、他不需要加载任何公共库(如jQuery)即可运行,这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的动行,如jQuery,Zepto,jQuery Mob
移动端页面滑动事件穿透问题及其解决方案
滑动事件穿透: 在一个可滚动的列表页中打开弹窗,底部的页面理论上是不可滚动的,但是当滑动弹窗时,底部页面会跟随滚动,这就是所谓的页面滚动穿透的问题。 解决方案一: 当弹窗显示时,在父元素上添加fix类来禁用滚动;当弹窗隐藏时,移除fix类。 .fix{ height: 100%; overflow: hidden;