智慧枫
智慧枫
  • 发布:2016-08-03 15:36
  • 更新:2019-04-24 18:13
  • 阅读:10834

div的侧滑菜单如何禁用手势侧滑

分类:MUI

如题

2016-08-03 15:36 负责人:无 分享
已邀请:

最佳回复

Trust

Trust - 少说废话

监听mui-inner-wrap容器的drag事件,阻止冒泡。

 //主界面容器  
var offCanvasInner = offCanvasWrapper[0].querySelector('.mui-inner-wrap');  
offCanvasInner.addEventListener('drag', function(event) {  
    event.stopPropagation();  
});
  • 智慧枫 (作者)

    谢谢 可以了

    2016-08-06 14:50

  • 1***@qq.com

    禁用过后如何打开这个功能

    2017-06-27 18:16

  • 1***@163.com

    offCanvasWrapper报错,怎么解决

    2017-08-15 11:28

  • 1***@163.com

    回复 智慧枫:offCanvasWrapper报错,怎么解决

    2017-08-15 11:28

  • 1***@qq.com

    offCanvasWrapper报错,怎么解决

    2017-10-28 15:55

8***@qq.com

8***@qq.com

添加完后报错误啦

Cannot read property 'querySelector' of undefined

  • 6***@qq.com

    添加这个

    var offCanvasWrapper = mui('#offCanvasWrapper');

    2016-11-23 19:52

4***@qq.com

4***@qq.com

ok 已解决

1***@qq.com

1***@qq.com

禁止冒泡,解决了:
document.getElementsByClassName('mui-inner-wrap')[0].addEventListener('drag', function(event) {
event.stopPropagation();
});

xingge

xingge

在主界面中加入了vue.js然后所有的addEventListener都失效了,请问怎么办

1***@163.com

1***@163.com - 90后小白

这个侧滑会导致label的事件失效

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