javascript - Foundation 6 Off-canvas 菜单点击后自动关闭

Question

我一直在寻找如何在单击某些菜单项后自动关闭 Canvas 外菜单，但似乎没有任何效果。

所以我遵循了关于如何在 Foundation 6 文档上制作 Canvas 外菜单的指南并且它有效。这部分没问题。现在，当我单击某些链接菜单时，它就停留在那里，我希望它关闭。有谁知道如何解决这个问题。

我找到了应该可以解决问题的代码段，但在我应用此 JS 后我的菜单停止显示。其他人报告了同样的问题。

$(document).foundation({
  offcanvas : {
    open_method: 'move', // Sets method in which offcanvas opens, can also be 'overlap'
    close_on_click : true
  }
});

Here are the docs ，但由于我对 JavaScript 了解不多，所以我请求有人编写正确的代码。

Answer 1

单击链接时，您可以在 .off-canvas 菜单上使用 close 方法:

$('.off-canvas a').on('click', function() {
    $('.off-canvas').foundation('close');
});

点击 Here 演示。