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

jQuery fade hover animation on images breaks links

本文关键字：动画 断开 链接 悬停 淡入 淡出 图像 jQuery      更新时间：2023-09-26

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

在动画结束之前，用户无法单击图像。

如果使动画更长，则会看到问题。

您在图像上的动画不执行任何操作，因为您没有告诉它要制作动画的内容。我把它们拿出来，发现测试面具上的淡入和淡出没有区别。

$(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

相关文章：