jquery - :hover state not reverting after jQuery UI "clip" animation - IE Bug

Question

在 IE(所有版本)中发现一个错误，想知道是否有解决方法。

这是使用 jsfiddle 以非常简单的形式出现的错误:

http://jsfiddle.net/9frpL/6/

在 Internet Explorer 中:

1. 点击“显示”
2. 点击“隐藏”
3. 再次点击“显示”

请注意“隐藏”链接如何仍处于悬停状态？有时，如果您在元素动画时移动鼠标足够快，则不会发生这种情况。

“盲目”UI 动画或基本的 slipUp() 方法不会发生此错误，但“剪辑”UI 动画确实是我正在处理的项目所需要的。

感谢您的浏览，希望对您有所帮助!

Answer 1

编辑:请检查下面的更丑陋的黑客，DEMO这里

$("#hide").bind('click', function(e) {

    $("#box").hide('clip', 'fast', function () {
        $('#hide').addClass('ieHax');    
    });
    e.preventDefault();

});

$('#hide').bind ('mouseenter', function (e) {
    $('#hide').removeClass('ieHax');
});

和CSS:

a.ieHax {
    color: #000 !important;
}

原答案:

我能想到的一个快速技巧是在 .hide 回调中将颜色设置为 #000，

$("#box").hide('clip', 'fast', function () {
    $('#hide').css('color', '#000'); /* Hax for IE */
});

请注意，这不是一个正确的解决方案。