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

two side slide menu in onsen-ui skips main page, while swiping from right menu

我正在为 phone 应用程序实现类似于两侧滑动菜单的 facebook,我在

中使用以下代码

code herehttp://codepen.io/anon/pen/xGWPVj

当我使用顶部的极端按钮时,向右和向左滑动工作正常,但是当尝试在 phone 上滑动(在 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 事件吗?

我还不确定问题出在哪里,看起来有问题。我做了一个可能对你有帮助的临时解决方法。只需使用 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

希望对您有所帮助!