onsen-ui中的两个侧滑菜单跳过主页,同时从右侧菜单中滑动

时间:2015-07-07 03:41:37

标签: onsen-ui

我正在实施Facebook,就像手机应用程序的两个侧面滑动菜单一样,我在

中使用以下代码

code here http://codepen.io/anon/pen/xGWPVj

当我使用顶级极端按钮时,

向右和向左滑动工作正常,但是当尝试在手机上滑动时(单击在PC上拖动页面)会出现异常。 当我用这种方式滑动时

1) main page to left menu - works fine
2) left menu to main page - works fine
3) main page to right menu - works fine
4) right menu to main page - fails, instead of main page it goes to left menu
after 4. main page never accessible

我试图以其他方式嵌套滑动菜单然后右侧菜单给出相同的症状,并且左侧工作正常。

我应该停止在任何页面中传播touchmove / drag事件吗?

1 个答案:

答案 0 :(得分:2)

我不确定问题在哪里,看起来有些东西是错误的。我做了一个可能对你有帮助的临时解决方法。只需使用postopenpostclose事件锁定您不需要的菜单:

<ons-sliding-menu var="rightMenu" ...
                  ons-postopen="leftMenu.setSwipeable(false);"
                  ons-postclose="leftMenu.setSwipeable(true);">
</ons-sliding-menu>

此处示例:http://codepen.io/frankdiox/pen/XbEzqq

希望它有所帮助!

相关问题