3

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

因此，我遵循了有关如何在 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 了解不多，所以我请求有人编写正确的代码。

4

2 回答 2

9

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

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

单击此处进行演示。

于 2016-03-12T10:17:56.180 回答
1

提前，对不起我的英语不好，

上网查了一下，最后，Yass提供的上面的脚本就可以运行了。但是当我插入 Slick 滑块脚本时，它不再起作用。

我刚刚找到了一个对我有用的解决方案，但也许有错误，不知道。

在基础 offcanvas 文档中，给出了一个关闭画布的关闭按钮，如下所示。

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

所以我对其进行了调整并将“数据关闭”放到链接中，当我点击时，它滚动到特定的 div 并关闭画布

这是更多理解的链接？因为我觉得我的解释很烂

https://jsfiddle.net/mbsj7d7p/

于 2016-04-28T10:57:01.033 回答