jQuery淡出悬停动画图像中断链接

时间:2013-10-25 19:32:40

标签: javascript jquery

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

用户无法点击图片,直到动画结束。

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

1 个答案:

答案 0 :(得分:0)

您在图像上的动画无效,因为您没有告诉它动画的内容。我拿出那些,看到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);
    });
});

这样做我可以随时点击google链接。虽然我很确定即使他们在

时我仍然可以点击它

http://jsbin.com/iKOpIYu/7