Jquery 侧面菜单干扰了ionic中的选项卡式视图

我基本上有一个滑动菜单应用程序。每个菜单项打开一个视图，我在其中填充数据。这一切都很好，但从一个角度来看，我想要一个带幻灯片的爱奥尼亚寻呼机。滑动菜单似乎不允许此控件工作。要么是这样，要么就是我做错了什么

当我点击“Events G”菜单选项时，会出现事件图html，但幻灯片根本没有正确显示。如果我删除侧菜单结构，视图工作得很好

My menu.html：

<ion-side-menus enable-menu-with-back-views="false">
  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-positive">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>
</ion-pane>


 <ion-side-menu side="left">
    <ion-header-bar class="bar-dark">
      <h1 class="title">Options</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>


        <!-- this view works great - its a normal view -->
        <ion-item nav-clear menu-close href="#/app/events">
            <span class=" item-icon-left">
            <i class="icon ion-ios-calendar-outline"></i>
            </span>
          Events
        </ion-item>

          <!-- this view messes up the display -->
          <ion-item nav-clear menu-close href="#/app/events-graphs">
            <span class=" item-icon-left">
            <i class="icon ion-ios-calendar-outline"></i>
            </span>
          Events Graph Tabs
        </ion-item>

        <ion-item menu-close href="#/app/filters">
            <span class=" item-icon-left">
            <i class="icon ion-funnel"></i>
            </span>
          Filters
        </ion-item>

        <ion-item nav-clear menu-close href="#/app/login">
            <span class=" item-icon-left">
                <i class="icon ion-ios-gear-outline"></i>
            </span>
            Settings
        </ion-item>

      </ion-list>
    </ion-content>
  </ion-side-menu>


</ion-side-menus> 

选择权
事件
事件图选项卡
过滤器
设置

下面是“事件图”的代码

我没有发布任何控制器代码，因为他们目前没有做任何与此示例相关的事情

<ion-view view-title="Monitor Event Summary" cache-view="false">


<ion-content>
      <ion-slide-box>
          <ion-slide-pager> </ion-slide-pager>
              <ion-slide>
                  <!-- <canvas tc-chartjs chart-type="bar" chart-options="options" chart-data="data" auto-legend></canvas> -->
                Slide 1
              </ion-slide>
              <ion-slide>
                   <div class="box blue"><h1>BLUE</h1></div>
              </ion-slide>
          <ion-slide>
                    Slide 3
              </ion-slide>

      </ion-slide-box>
   </ion-content>

</ion-view>

幻灯片1
蓝色
幻灯片3

下面是当我移动到“事件图”视图时我的应用程序的样子，该视图应该显示一个带有3个屏幕的漂亮滑动窗口

---

如果我将events-graph.html改为显示3个选项卡，我将看不到选项卡图标，并且内容隐藏在导航栏下-因此我非常确定我在侧菜单中没有做正确的操作-但我不知道是什么。有什么想法吗？

删除

。它在一个测试版中被删除。将

show pager=“true”

添加到

元素中以显示寻呼机。

共享一个plnker会更好。现在-请参阅“帮助”选项