基础6点击后菜单菜单自动关闭

Question

我一直在搜索如何在单击某个菜单项后自动关闭画布菜单但似乎没有任何效果.

所以我按照指南介绍了如何在Foundation 6文档上制作非画布菜单并且它有效.这部分没关系.现在,当我点击一些链接菜单时,只要停留在那里,我希望它关闭.有谁知道如何解决这个问题.

我发现了应该做的技巧,但我的菜单在我应用这个JS后停止显示.其他人报告同样的问题.

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

这是文档,但由于我对JavaScript不太了解,我请求有人写出正确的代码.

Answer 1

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

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

点击这里进行演示.