我一直在搜索如何在单击某些菜单项后自动关闭画布外菜单,但似乎没有任何效果。
因此,我按照 Foundation 6 文档上有关如何制作画布外菜单的指南进行操作,并且它有效。这部分还可以。现在,当我单击某个链接菜单时,它会停留在那里,我希望它关闭。有谁知道如何解决这个问题。
我找到了应该可以解决问题的代码片段,但是在我应用此 JS 后我的菜单停止显示。其他人也报告了同样的问题。
$(document).foundation({
offcanvas : {
open_method: 'move', // Sets method in which offcanvas opens, can also be 'overlap'
close_on_click : true
}
});
这是文档 http://foundation.zurb.com/sites/docs/off-canvas.html,但由于我对 JavaScript 不太了解,所以我恳求有人编写正确的代码。
你可以使用close
方法上的.off-canvas
单击链接时的菜单:
$('.off-canvas a').on('click', function() {
$('.off-canvas').foundation('close');
});
Click Here https://jsfiddle.net/yassarikhan786/fgyb4dqb/进行演示。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)