onsen-ui滑動菜單打開兩次

我有一個滑動菜單，我在我的應用程序的每個頁面上放置。奇怪的是，在根主頁以外的所有頁面上，滑動菜單打開兩次，並排。我似乎無法弄清楚爲什麼會發生這種情況。我設置了從真到假的滑動，這並沒有改變任何東西。也嘗試揭示/推式，並沒有提供不同的結果。onsen-ui滑動菜單打開兩次

任何想法爲什麼會發生這種情況？謝謝！

<ons-sliding-menu 
    var="app.slidingMenu" 
    menu-page="sliding_menu.html" 
    side="right" 
    main-page="about-us-aboutInfo.html" 
    type="push" 
    max-slide-distance="260px" 
    swipeable="false"> 
</ons-sliding-menu> 

<ons-template id="about-us-aboutInfo.html"> 
    <ons-page> 

     <ons-toolbar> 
      <div class="left"> 
       <ons-back-button>Back</ons-back-button> 
      </div> 
      <div class="center animated fadeIn">{{ title }}</div> 
      <div class="right"> 
       <ons-toolbar-button ng-click="app.slidingMenu.toggle()"> 
        <i class="ion-navicon" style="font-size:32px; vertical-align:-6px;"></i> 
       </ons-toolbar-button> 
      </div> 
     </ons-toolbar> 

     <div class="about-us-aboutInfo"> 
      <div ui-view class="container"> 
       <div class="content animated fadeIn"> 
        <h1 class="text-heading">{{ title }}</h1> 
        <div class="animated fadeIn"> 
         <div ui-view ng-repeat="section in Source.sections"> 
          <h1 class="text-heading">{{ section.heading }}</h1> 
          <p ng-repeat="paragraph in section.paragraphs"> 
           {{ paragraph }} 
          </p> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

    </ons-page> 
</ons-template>

來源

2015-12-02 Thom Yorke

我不是很瞭解你打開兩次的意思，但也許我的答案解決了你的問題。如果不是，請在Codepen中重現問題或者我們可以看到的任何類似問題。 –

當我單擊工具欄中的漢堡包圖標時，會打開滑出菜單。如果我碰巧在該滑出菜單中單擊並將其拉出，則會在其旁邊創建第二個實例。所以，我可以同時看到兩個相同的滑出菜單。 –

這真的很奇怪。應用中應該只有一個滑動菜單。不知何故，你是否包含1個以上？我希望在Codepen中看到它，如果你能做到的話。 –

與swipeable屬性，而不是「滑動式」 :)

來源

2015-12-03 03:15:49

謝謝，我確實修復了這個錯字。不幸的是，如果我向左拉，這並不能解決兩個菜單打開的問題。一旦滑出打開，是否有辦法摧毀所有其他實例？ –

嘗試也許改變：

var="app.slidingMenu"

到

var="app.slidingMenu.nameOfYourPage"

和

<ons-toolbar-button ng-click="app.slidingMenu.nameOfYourPage.toggle()">

這樣每個菜單都有自己的變量名稱

來源

2015-12-10 13:13:57 Gatsbill

onsen-ui滑動菜單打開兩次

回答

相關問題