Foundation-4沒有出現摺疊菜單

我直接從Foundation文檔使用代碼，但不知何故它不適用於我。Foundation-4沒有出現摺疊菜單

這是我正在寫代碼：

<nav class="top-bar"> 
    <ul class="title-area"> 
     <li class="toggle-topbar menu-icon"><a href="#"><span>MENU</span></a></li> 
    </ul> 
    <section class="top-bar-section" style="left: 0%;"> 
    <!-- Left Nav Section --> 
     <ul class="left"> 
      <li class="active"><a href="#">Main Item 1</a></li> 
      <li class="active"><a href="#">Main Item 1</a></li> 
      <li class="active"><a href="#">Main Item 1</a></li> 
     </ul> 
    </section> 
</nav>

當我縮小瀏覽器窗口，我到了「小」的窗口大小，菜單從頁面上消失。有什麼想法我做錯了什麼？

來源

2013-04-27 ssdesign

需要看到CSS，因爲我認爲問題在那裏。 – Xarcell 2013-04-27 23:05:03

CSS尚未修改，它是Foundation-4包的一部分。你有基金會4嗎？ – ssdesign 2013-04-28 07:36:22

我甚至不知道Foundation 4是什麼。你需要使用它嗎？因爲它可以用3-4行jQuery來完成...... – Xarcell 2013-04-28 13:24:54

@Xarcell，我沒有使用基金會只是因爲這個原因。我正在建立一個響應式網站，這就是爲什麼我使用基金會。提到的問題只是我在這個框架中遇到的問題之一。 BTW：Foundation-4是由Zurb提供的響應式網頁設計框架。

@達伍德阿旺，jQuery和基金會正確鏈接。其餘功能都工作正常，所以我知道它的聯繫。我面對的問題是菜單本身。

我自己回答，因爲我解決了這個問題。

該文件提到，下面提到的代碼是可選的，因此我沒有使用它。但似乎我必須使用它（即使它是空白）才能使我的菜單正常工作。

<li class="name"> 
    <h1></h1> 
</li>

希望這可以幫助其他類似問題的人。

來源

2013-04-29 06:49:32 ssdesign

只是一個完美的答案！ :)謝謝@ssdesign – 2013-11-19 10:50:04

我不知道這些代碼行可能是什麼問題。但是，這裏可能會出現一些問題：

您還沒有將jQuery文件鏈接到頁面。
您還沒有將zurb基礎文件鏈接到頁面。
如果你已經應用了這兩個，那麼去這裏：http://foundation.zurb.com/templates.php下載模板查看他們的代碼，並與你的代碼進行比較以檢查錯誤。

來源

2013-04-28 19:10:38

Foundation-4沒有出現摺疊菜單

回答

相關問題