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

Question

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

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

它可以工作，除了最顶部的按钮。我们可以点击它，CSS 会激活，但 jQuery 相关的不会激活。

http://jsfiddle.net/vqrdW/

感谢您的帮助!

Answer 1

问题出在这条规则上:

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

当按钮向下移动 3 个像素时，释放鼠标按钮时，光标不会位于按钮上方，因此不会注册该操作。如果您注释掉这段代码，您可以看到它解决了问题。

尝试在按下按钮时想出不同的效果，但不会将按钮移动到一侧或另一侧。