在 IE(所有版本)中发现一个错误,想知道是否有解决方法。
这是使用 jsfiddle 以非常简单的形式出现的错误:
在 Internet Explorer 中:
- 点击“显示”
- 点击“隐藏”
- 再次点击“显示”
请注意“隐藏”链接如何仍处于悬停状态?有时,如果您在元素动画时移动鼠标足够快,则不会发生这种情况。
“盲目”UI 动画或基本的 slipUp() 方法不会发生此错误,但“剪辑”UI 动画确实是我正在处理的项目所需要的。
感谢您的浏览,希望对您有所帮助!
最佳答案
编辑:请检查下面的更丑陋的黑客,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 */
});
请注意,这不是一个正确的解决方案。
关于jquery - :hover state not reverting after jQuery UI "clip" animation - IE Bug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9120588/