jQuery的mmenu出問題的動畫，並重疊，而不是內容推送

-2

我實現了jQuery mmenu（http://mmenu.frebsite.nl/），一切似乎除了動畫是一個有點出問題被偉大的工作。jQuery的mmenu出問題的動畫，並重疊，而不是內容推送

在mmenu演示的內容是通過菜單推到右側，我的菜單重疊的內容。我懷疑這也是動畫問題的原因。我試圖調試，並環顧四周，但我似乎無法找到任何東西。原因可能是任何可以提供鏈接到我的開發網站來檢查代碼的東西。

下面是相關的代碼，以執行工作的重要位：

<nav id="mmenu" style="height:auto;z-index:999"> 
        <ul> 
         <li><a href="/home"><b>Home</b></a></li> 
         <li><a href="/collections/all-saris-1"><b>Collections</b></a></li> 
         <li><span><b>Information</b></span> 
         <ul> 
          <li><a href="/pages/about-us">About Us</a></li> 
          <li><a href="/pages/privacy-policy">Privacy Policy</a></li> 
          <li><a href="/pages/returns-cancellations-refunds">Returns, Cancellations & Refunds</a></li> 
          <li><a href="/pages/shipping-delivery">Shipping & Delivery</a></li> 
          <li><a href="/pages/terms-and-conditions">Terms & Conditions</a></li> 

         </ul> 
         </li> 
         <li><a href="/cart"><b>Shopping Bag ({{ items_in_cart }})</b></a></li> 
         <li><a href="/account/login"><b>Login/ Register</b></a></li> 

        </ul> 
       </nav> 

<script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $("#mmenu").mmenu({ 
       "extensions": [ 
        "border-full", 
        "pageshadow", 
        "effect-slide-menu" 
       ], 
       "searchfield": { 
        "noResults": "Oops! No results found. Click for a detailed search", 
        "add": true, 
       "form":true 
       }, 
       "navbar": { 
        "title": "Title" 
       }, 
       "backButton": { 
       "close" : true 
       }, 
       "navbars": [ 
        { 
        "position": "top", 
        "content": [ 
         "prev", 
         "title", 
         "close" 
        ] 
        } 
       ] 
      }); 
     }); 
     </script>

我已經包含了HTML的CSS和身體，因爲它的相關性。

body { 
    max-width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    background-color: #FFF; 
    overflow-x: hidden; 
    }

感謝您的時間，祝您有美好的一天。

來源

2015-07-22 Isabel Inc

到目前爲止您做了什麼？給出一些最小的代碼示例。 –

對不起那個遊戲。當我真的很沮喪並且沒有想到發佈代碼時，我發佈了這個問題。我已將相關代碼添加到問題中。 –

我有同樣的問題，發現你必須把<div>像這裏面的所有內容：

<body> 
    <div> <!-- the wrapper --> 
    <div id="my-header"> 
     <nav id="mmenu"> 
      ... 
     </nav> 
    </div> 
    <div id="my-content"> 
     ... 
    </div> 
    <div id="my-footer"> 
     ... 
    </div> 
    </div> 
</body>

這解決了這個問題對我來說。

您可以閱讀更多關於它的信息here：

來源

2015-07-31 08:06:15 NikWins

請在這裏發佈相關內容 – Ali

對不起，我這裏是全新的。希望它現在。 – NikWins

jQuery的mmenu出問題的動畫，並重疊，而不是內容推送

回答

相關問題