基礎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

單擊鏈接時，可以在.off-canvas菜單上使用close方法：

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

點擊這里進行演示。

Answer 2

提前，抱歉我的英語不好，

只需通過在線查找，最后，Yass提供的腳本正在運行。 但是，當我插入Slick滑塊腳本時，它不再有效。

我剛剛發現了一個對我有用的解決方案，但也許有bug，dunno。

在基礎offcan數據文檔中，給出了關閉畫布的關閉按鈕，如下所示。

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

所以我調整了它並將“ 數據關閉 ”放到鏈接上，當我點擊它時，它滾動到特定的div並關閉畫布

這是更多理解的鏈接？ 因為我認為我的解釋很糟糕

https://jsfiddle.net/mbsj7d7p/