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

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

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

我发现了应该做的技巧,但我的菜单在我应用这个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不太了解,我请求别人写正确的代码.

解决方法:

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

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

单击Here进行演示.

标签：javascript,zurb-foundation,off-canvas-menu
来源： https://codeday.me/bug/20190724/1525617.html