飞龙andy
飞龙andy
  • 发布:2015-09-16 15:11
  • 更新:2015-09-16 20:11
  • 阅读:2577

一个页面有两个滑动,滑动图片也会造成翻页

分类:MUI

我的页面有个向右滑动翻页功能,本页还有一个轮播图片,当我在轮播上面滑动图片的时候,页面也会翻页,我看过http://ask.dcloud.net.cn/question/3902,回答非常的模糊,我想问还有那些滑动的参数可以用来控制这个,比如滑动起始的坐标,滑动的对象之类

2015-09-16 15:11 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

贴一下你的代码

飞龙andy

飞龙andy (作者)

//页面滑动请求  
            window.addEventListener('dragstart', function(e) {  
                mui.gestures.touch.lockDirection = true; //锁定方向  
                mui.gestures.touch.startDirection = e.detail.direction;  
            });  
            window.addEventListener('dragright', function(e) {  
                if (!mui.isScrolling) {  
                    e.detail.gesture.preventDefault();  
                }  
            });  
document.addEventListener('swipeleft',function (e) {  
var main = plus.webview.currentWebview().parent();  
if (Math.abs(e.detail.angle) >165&&Math.abs(e.detail.deltaX)>150) {  
mui.fire(main,'aal');  
}  
});  

//slider轮播  
                document.getElementById("slider").innerHTML = plus.storage.getItem("slider");         
                    var gallery = mui('.mui-slider');  
                    gallery.slider({  
                        interval:5000//自动轮播周期,若为0则不自动播放,默认为0;  
                        });   
DCloud_UNI_FXY

DCloud_UNI_FXY

document.getElementById("slider").addEventListener('swipeleft',function(e){
e.stopPropagation();
});

该问题目前已经被锁定, 无法添加新回复