:悬停状态不会在jQuery UI“剪辑”动画后恢复 - IE Bug

时间:2012-02-02 21:54:57

标签: jquery internet-explorer jquery-ui hover

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

这是使用jsfiddle的一个非常简单的形式的错误:

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

在Internet Explorer中:

  1. 点击"显示"
  2. 点击"隐藏"
  3. 点击"显示"再次
  4. 注意"隐藏"链接仍处于悬停状态?有时,如果你在动画元素动画时快速移动鼠标,它就不会发生。

    "盲人"这个错误不会发生。 UI动画或基本的slideUp()方法,但是"剪辑" UI动画正是我正在进行的项目所需要的。

    感谢您一起来,希望您能提供帮助!

1 个答案:

答案 0 :(得分: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;
}

原始答案:

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

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

请注意,这不是一个合适的解决方案。