关闭和打开链接一页网站的响应菜单？答案

【问题标题】：Responsive menu for both closing and opening link one page website?关闭和打开链接一页网站的响应菜单？
【发布时间】：2016-06-22 10:10:20
【问题描述】：

我正在开发一个带有侧边菜单的响应式网站。现在，当我单击菜单项时，菜单折叠不会转到链接（#home #About）。我想要关闭和打开，

<div id="sidr" class="sidr left" style="display: block; left: 0px;">
<a href="#sidr-close" class="dl-trigger icon-mobile-menu dfd-sidr-close">
    <span class="icon-wrap dfd-middle-line"></span>
    <span class="icon-wrap dfd-top-line"></span>
    <span class="icon-wrap dfd-bottom-line"></span>
</a>
<div class="sidr-inner"><ul class="sidr-dropdown-menu"><li class="mega-menu-item nav-item menu-item-depth-0"><a href="#home" class="menu-link main-menu-link item-title sub-nav" role="group" aria-expanded="false" aria-hidden="true">Home</a></li>

和

e(".sub-nav").unbind("click").bind("touchend click", function(t) {
        t.preventDefault(), e.sidr("close")
    })

我使用了上面的代码。希望我能得到一个正确的解决方案。

【问题讨论】：

你能给我们提供一个演示问题的工作小提琴吗？ jsfiddle.net
输入您的html 代码
请提供一个使用代码 sn-p 的示例，该代码与您目前所拥有的代码一起运行，或者尝试更好地解释您的问题。
也添加html代码
@EmirhanÖzlen 不要试图让人们使用 jsfiddle，他们完全可以使用 snippets on Stack Overflow，而不是外部资源。

标签： javascript jquery css responsive-design onepage-scroll

【解决方案1】：

删除 js 中的t.preventDefault() 即可：

e(".sub-nav").unbind("click").bind("touchend click", function(t) {
         e.sidr("close");
    })

阻止默认设置是阻止您转到链接行为。

【讨论】：