Question

我使用foundation6构建左侧栏（example here）

问题是在所有苹果设备中菜单都没有打开。当我点击汉堡图标时，屏幕变白，没有任何反应。

我的代码是这样的：

<div class="off-canvas-wrapper" >
<div class="off-canvas-wrapper-inner"  data-off-canvas-wrapper>
    <div class="off-canvas position-left reveal-for-large" id="sideBar" data-off-canvas data-position="left">
        <div class="sideBarDrakBG">
            <div class="row column">
                <a href="/" class="siteLogo"></a>
            </div>
            <div class="row column">

            </div>
            <div class="row column">
                <div class="sidebarBtns">

                    <a href="#" class="generalCTA joinGreen">bla bla</a>
                </div>
            </div>
        </div>
        <div class="row column">
            <div class="sideBarwinners">
                <div class="title"><img src="/skin/images/latest_winners.png"></div>
                <!--  some content</!-->
            </div>
        </div>
    </div>
    <div class="off-canvas-content" data-off-canvas-content >
        <div class="title-bar hide-for-large">
            <div class="title-bar-left">
                <div class="menu-iconBG">
                    <button class="menu-icon js-off-canvas-exit" type="button" data-open="sideBar" aria-controls="sideBar"></button>
                </div>
            </div>
            <div class="title-bar-middle">
                <div class="title-bar-title"></div>
            </div>
            <div class="title-bar-right">
                <a href="#" class="title-bar-login">Login</a>
            </div>
        </div>
        <div class="mainContainer"> 
        </div>
    </div>
</div>

有人可以帮忙吗？谢谢利

Answer 1

所以我发现了我的问题。我不得不将它添加到我的CSS文件中：

$('#XXX').css({"opacity":0}).delay(200).css({"opacity":1});

现在正在运作。

左侧栏未在苹果设备基础上打开6

1 个答案: