Zurb foundation 非画布菜单：多级菜单存在问题 我已经实现了基础>强>画布菜单作为多级菜单。当我使用文档中的原始代码示例时，我遇到了一个问题，子菜单不工作。它会显示，但未格式化（子级别未隐藏），打开子菜单的单击事件也不会触发 虽然我编译了整个基础框架，但不仅仅是特定的模块。

有人知道我可以从哪里开始搜索吗？菜单的其他部分很好用

以下是HTML代码：

<aside class="left-off-canvas-menu" aria-hidden="true">
            <ul class="off-canvas-list">
                <li><label>Navigationsmenü</label></li>
                <li><a href="#"><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;Mein Warenkorb</a></li>
                <li><a href="#"><i class="fa fa-arrow-right"></i>&nbsp;&nbsp;Zur Kasse</a></li>
                <li><label>Mein Konto</label></li>
                <li class="my-account">
                    <div class="avatar">
                        <img src="<?php echo "http://www.gravatar.com/avatar/" . md5( strtolower( trim( 'mail@mail.com' ) ) ) . "?s=100";?>" class="avatar" alt="Avatar" />
                    </div>
                    <div class="user">
                        <span class="title">John Doe</span>
                        <span class="email">email@email.com</span>
                    </div>
                    <div class="clearfix"></div>
                    <a href="#" class="mtm button primary tiny"><i class="fa fa-user"></i>&nbsp;&nbsp;Meine Daten ändern</a>
                </li>
                <li><a href="#"><i class="fa fa-home"></i>&nbsp;&nbsp;Adressbuch bearbeiten</a></li>
                <li><a href="#"><i class="fa fa-truck"></i>&nbsp;&nbsp;Meine Bestellungen</a></li>
                <li><a href="#"><i class="fa fa-lock"></i>&nbsp;&nbsp;Passwort ändern</a></li>
                <li><a href="#"><i class="fa fa-envelope"></i>&nbsp;&nbsp;E-Mail Adresse ändern</a></li>
                <li><a href="#"><i class="fa fa-power-off"></i>&nbsp;&nbsp;Ausloggen</a></li>
                <li><label>Produktkategorien</label></li>
                <li class="has-submenu"><a href="#">Aktionen</a>
                    <ul class="left-submenu">
                        <li class="back"><a href="#">Zurück</a></li>
                        <li><label>Level 1</label></li>
                        <li><a href="#">Sonderangebote der Woche</a></li>
                        <li><a href="#">Monatsaktionen</a></li>
                        <li><a href="#">Spezialaktionen</a>
                        <li><a href="#">Maximal sparen</a></li>
                    </ul>
                </li>
                <li><a href="#">Gutscheine</a></li>
                <li class="has-submenu"><a href="#">Ernährung</a>
                    <ul class="left-submenu">
                        <li class="back"><a href="#">Zurück</a></li>
                        <li><label>Level 1</label></li>
                        <li><a href="#">Nahrungsergänzungsmittel</a></li>
                        <li><a href="#">Vitamine & Mineralstoffe</a></li>
                        <li><a href="#">Spezialnahrung</a>
                        <li><a href="#">Gesund abnehmen</a></li>
                        <li><a href="#">Sportlernahrung</a></li>
                    </ul>
                </li>
            </ul>
        </aside>

谢谢，

---

米迦勒

在需要帮助之前，我需要先看一些代码。我已经添加了一些代码片段到我的问题。OK -核心基金会不会像这样工作，而不添加一些自定义java脚本来打开和关闭这些在画布菜单中的子菜单。这里是一个论坛帖子，可以指向你正确的方向。谢谢各位，我会尝试…

@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";

@import "settings";
@import "foundation";