Question

我在一个带侧边菜单的响应式网站上工作。现在，当我点击菜单项时，菜单崩溃不会转到链接（#home #About）。我想要关闭和打开，

<a onhover="javascript:apple()">apple</a> 

<script>                                               
function apple() {  document.getElementById("applecontent").style.display="block"
//hiding the other fruits...
}
</script>

和

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

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

Answer 1

删除js中的t.preventDefault()，它将起作用：

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

防止默认设置是为了预测您的链接行为。

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

1 个答案: