基金会6关帆布菜单自动关闭后单击

我一直在寻找如何自动关闭关闭帆布菜单一些菜单项被点击，但似乎没有任何工作了。基金会6关帆布菜单自动关闭后单击

所以我跟着就如何使在基金会6文档关闭帆布菜单指南和它的作品。这部分是好的。现在，当我点击某个链接菜单时，就停留在那里，我希望它关闭。有谁知道如何解决这个问题。

我发现片断应该做的伎俩，但我的菜单显示停止后，我APPY这个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乞求别人写正确的代码。

来源

2016-03-11 Kira

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

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

点击Here了演示。

来源

2016-03-12 10:17:56 Yass

完美的作品。这正是我需要的。谢谢！ – Kira

不客气基拉:) – Yass

不工作，因为它停止点击自我关闭它。如果我们再次点击菜单项，它应该关闭，但是这个代码停止了。 – fdrv

在提前，对不起我的英文不好，

刚去通过网上来弄明白，最后，只要亚斯上面的脚本工作。但是，当我插入滑动滑块脚本，它不再工作。

我刚刚发现，为我工作的解决方案，但也许有有BUG，说不上来。

内部基础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-28 10:57:01 Shinno

基金会6关帆布菜单自动关闭后单击

回答

相关问题