Question

我最近将一个项目更新到了Foundation 5.3，但却无法让Off Canvas工作。我也试过了多个版本的jQuery（1.x - 2.x）

我甚至设置了一个干净的jsfiddle页面来测试所有适当的代码（简化）：

<div class="off-canvas-wrap" data-off-canvas>
  <div class="inner-wrap">
    <aside class="right-off-canvas-menu">
        <h1>Hello</h1>
    </aside>

    <a href="#" class="right-off-canvas-toggle">Menu</a>
  </div>
</div>

<script type="text/javascript">
  $(document).foundation();
</script>

如果我做错了或某处有错误，会感到困惑吗？

奇怪的是，手动将类move-left添加到菜单会导致CSS过渡正确滑动，因此似乎是切换不正确绑定的问题。

加载时，控制台未提及任何错误。

以编程方式调用$('.off-canvas-wrap').foundation('offcanvas', 'open', 'move-left');会返回"TypeError: this[method] is undefined"

Answer 1

噢，男人，那是其中的一天......对于那些睡不着觉并且撕掉你头发的人，请检查你是否设置了数据属性data-offcanvas而不是data-off-canvas

<强>正确： <div class="off-canvas-wrap" data-offcanvas>

<强>错误： <div class="off-canvas-wrap" data-off-canvas>

Zurb Foundation 5.3 - Off Canvas不工作＆＃34; TypeError：这个[方法]未定义＆＃34;

1 个答案: