javascript - Zurb Foundation 5.3 - Off Canvas 不工作 "TypeError: this[method] is undefined"

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 过渡正确滑动，因此这似乎是切换未正确绑定(bind)的问题。

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

以编程方式调用 $('.off-canvas-wrap').foundation('offcanvas', 'open', 'move-left'); 返回 "TypeError: this[方法]未定义”

Answer 1

哦，伙计，这是那些日子之一......对于任何睡不着觉和扯头发的人，检查一下你是否设置了数据属性 data-offcanvas不是data-off-canvas .

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

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