Foundation 6 offCanvas 的程序化关闭答案

【问题标题】：Programmatic close of Foundation 6 offCanvasFoundation 6 offCanvas 的程序化关闭
【发布时间】：2017-01-18 20:58:33
【问题描述】：

我想使用 javascript 来关闭一个 offcanvas 区域作为加载 ajax 脚本的结果。

文档说$('#element').foundation('close', cb);，但没有太多解释#element 和cb 是什么的方式：/

#element 和 cb 是什么？您将如何以编程方式关闭他们的示例？

<body>
  <div class="off-canvas-wrapper">
    <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
      <div class="off-canvas position-left" id="offCanvas" data-off-canvas>

        <!-- Close button -->
        <button class="close-button" aria-label="Close menu" type="button" data-close>
          <span aria-hidden="true">&times;</span>
        </button>

        <!-- Menu -->
        <ul class="vertical menu">
          <li><a href="#">Foundation</a></li>
          <li><a href="#">Dot</a></li>
          <li><a href="#">ZURB</a></li>
          <li><a href="#">Com</a></li>
          <li><a href="#">Slash</a></li>
          <li><a href="#">Sites</a></li>
        </ul>

      </div>

      <div class="off-canvas-content" data-off-canvas-content>
        <!-- Page content -->
      </div>
    </div>
  </div>
</body>

【问题讨论】：

标签： javascript zurb-foundation off-canvas-menu

【解决方案1】：

你可以在 js 中使用 $('#offCanvas').foundation('close');

【讨论】：