span按钮顶部的click()不起作用

Question

我一直在尝试使用简单的结构制作按钮:

<a href="#/category/portfolio/" class="filter" data-filter="*">
<span class="button">Tout</span>
</a>

它的工作原理,除了按钮的顶部.我们可以点击它,CSS激活,但不是jQuery相关.

谢谢你的帮助 !

Answer 1

问题在于这条规则:

.button:active { 
   position: relative; 
   top: 3px;
}

当按钮向下移动3个像素时,释放鼠标按钮时,光标不在按钮上方,因此未注册动作.如果你注释掉这段代码,你会发现它解决了这个问题.

当按下按钮而不将按钮移动到一侧或另一侧时,请尝试使用不同的效果.