Javascript 链接不能被点击；没有悬停，或者别的什么

我的推送菜单有点问题

以下是我的菜单HTML代码：

<nav id="menu">
<a href="#menu" class="menu-link">Text</a>
<ul>
    <span style="vertical-align:middle;">Pyronobic <img src="pyronobic-logo-v2.png" style="height: 16px; width: 16px;" /></span>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>
</nav>

下面是我的jQuery：

$(".menu-link").click(function() {
    $("#menu").toggleClass("active");
    $(".container").toggleClass("active");
});

menu.active CSS： 我以前测试过它，从导航标签中取出链接，但是当它在导航标签中时，它似乎不起作用

提前感谢您的帮助

---

.

更换

与

---

您已将属性剩余分配为-50px。这可能是问题的原因。你需要在这个职位上工作

应用你的css像打击

.menu-link {
position: absolute;
top: 15px;
left: 50px;
height: 35px;
width: 35px;
background: no-repeat;
background-image: url(Assets/menu.svg);
background-position-x: 50%;
background-position-y: 50%;
background-size: 50%;
background-color: rgba(255,255,255,0.3);
background-position: center center;
z-index: 99;
opacity: 0.9;
-webkit-transition: opacity 0.15s ease;
-moz-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}

---

从html链接标记中删除散列（#）。您的链接是空的

顺便说一句，

vs

似乎可疑…提供一个提琴。无论如何，你应该做得不同。请提供小提琴或链接到你的代码。无论a链接是空的，因为宽度和高度都已定义。为什么你认为这可能是错误对齐？请检查小提琴。很好。当您单击测试链接时，菜单中添加了活动类。

#menu.active {
-webkit-transform: translate(-13.755em, 0px);
-moz-transform: translate(-13.755em, 0px);
-o-transform: translate(-13.755em, 0px);
-ms-transform: translate(-13.755em, 0px);
transform: translate(-13.755em, 0px);
}
.container.active {
 -webkit-transform: translate(-13.725em, 0px);
 -moz-transform: translate(-13.725em, 0px);
 -o-transform: translate(-13.725em, 0px);
 -ms-transform: translate(-13.725em, 0px);
 transform: translate(-13.725em, 0px);
}

.menu-link {
position: absolute;
top: 15px;
left: 50px;
height: 35px;
width: 35px;
background: no-repeat;
background-image: url(Assets/menu.svg);
background-position-x: 50%;
background-position-y: 50%;
background-size: 50%;
background-color: rgba(255,255,255,0.3);
background-position: center center;
z-index: 99;
opacity: 0.9;
-webkit-transition: opacity 0.15s ease;
-moz-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}