温泉旋转木马和温泉滑动菜单碰撞

时间:2015-07-07 12:23:21

标签: html phonegap-build onsen-ui

我的index.html上有一个滑动菜单



<ons-sliding-menu
    menu-page="menu.html" main-page="welcome.html" side="left"
    var="menu" type="reveal" max-slide-distance="260px" swipable="false" swipe-target-width="50">
  </ons-sliding-menu>
&#13;
&#13;
&#13;

但是当我想在用户转到带有menu.setMainPage

的新页面后使用轮播时

&#13;
&#13;
<ons-list-item class="menu-item" ng-click="menu.setMainPage('connect.html', {closeMenu: true});">
    <ons-icon icon="ion-ios-people" fixed-width="true"></ons-icon>
    Connect
  </ons-list-item> 
&#13;
&#13;
&#13; 我的旋转木马项目似乎在滑动菜单下分层。例如,如果我在目标宽度=&#34; 70&#34;上滑动旋转木马项目。尝试移动旋转木马。它不会让步。它只在菜单滑动时随索引设置移动。有没有办法将索引功能的旋转木马和滑动菜单放在一起?或者是否必须在每个页面上写入滑动菜单?

2 个答案:

答案 0 :(得分:2)

将swipable =“false”更改为swipeable =“false”

  

答案 1 :(得分:0)

如果您的滑块显示在其自己的页面中,您还可以尝试添加:

<ons-page sliding-menu-ignore="true">

这将覆盖滑动菜单的触摸事件。