javascript - 图像上的jQuery淡入淡出悬停动画断开链接

Question

这是我的代码http://jsbin.com/iKOpIYu/5/edit

在动画结束之前，用户不能单击图像。

如果你让动画更长，你会看到问题。

Answer 1

您在图像上的动画什么也没做，因为您没有告诉它要动画什么。我把它们拿出来，发现 TEST 面具上的淡入和淡出没有区别。

$(document).ready(function() {
    $('.boxInner').mouseenter(function(e) {

        $(this).children('a').children('span').fadeOut(2000);       
    }).mouseleave(function(e) {
        $(this).children('a').children('span').fadeIn(2000);
    });
});

这样做我可以随时点击链接到谷歌。即使我很确定即使他们在里面我仍然可以点击它

http://jsbin.com/iKOpIYu/7