Foundation Off-Canvas-Menu涵盖整个屏幕

Question

我正在使用Foundation CSS框架create和off-canvas-menu，但是，当我单击off-canvas-toggle锚点时，菜单会滑入并覆盖整个屏幕。我无法退出菜单。基础页面（http://foundation.zurb.com/docs/components/offcanvas.html）上的示例没有此问题。我做错了什么/遗失了什么吗？

<div class="fill-h off-canvas-wrap move-right">
<div class='fill-h inner-wrap'>
    <aside class="left-off-canvas-menu">
        Left off canvas menu
    </aside>

    <div class="row fill-h">
        <div class="xlarge-2 large-3 medium-1 columns show-for-medium-up fill-h" id="a">
            <div class='row' id='navTabs'>
                <a href="#/ic"><div class='small-4 columns active'><img src='/img/icon.png' /><br/>Current</div></a>
                <a href="#/in"><div class='small-4 columns'><img src='/img/icon.png' /><br/>New</div></a>
                <a href="#/ip"><div class='small-4 columns'><img src='/img/icon.png' /><br/>Phone</div></a>
            </div>
            <div id="navListing" ui-view="vw-listing">

            </div>

            <div id='nav_footer' class='small-12'>
                <div id="adminMenuBtn">
                    Admin
                </div>
                footer
            </div>
        </div>
        <div class="xlarge-10 large-9 medium-11 columns" ui-view="vw-details2">
            <div style='background-color:#333;float:left;'>
                <a class="left-off-canvas-toggle menu-icon"><span></span></a>
            </div>
            <div ng-include="views/interactions/details-blank.html"></div>
        </div>
    </div>

    <a class="exit-off-canvas"></a>        
</div>
</div>