onsen 中的两侧滑动菜单-ui 跳过主页,同时从右侧菜单滑动
two side slide menu in onsen-ui skips main page, while swiping from right menu
我正在为 phone 应用程序实现类似于两侧滑动菜单的 facebook,我在
中使用以下代码
code here
http://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 事件吗?
我还不确定问题出在哪里,看起来有问题。我做了一个可能对你有帮助的临时解决方法。只需使用 postopen
和 postclose
事件来锁定您不需要的菜单:
<ons-sliding-menu var="rightMenu" ...
ons-postopen="leftMenu.setSwipeable(false);"
ons-postclose="leftMenu.setSwipeable(true);">
</ons-sliding-menu>
此处示例:http://codepen.io/frankdiox/pen/XbEzqq
希望对您有所帮助!
我正在为 phone 应用程序实现类似于两侧滑动菜单的 facebook,我在
中使用以下代码code here
http://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 事件吗?
我还不确定问题出在哪里,看起来有问题。我做了一个可能对你有帮助的临时解决方法。只需使用 postopen
和 postclose
事件来锁定您不需要的菜单:
<ons-sliding-menu var="rightMenu" ...
ons-postopen="leftMenu.setSwipeable(false);"
ons-postclose="leftMenu.setSwipeable(true);">
</ons-sliding-menu>
此处示例:http://codepen.io/frankdiox/pen/XbEzqq
希望对您有所帮助!