jQuery在IE上淡出("slow")问题

jQuery fadeOut("slow") issue on IE

本文关键字：quot 问题 slow IE 淡出 jQuery      更新时间：2023-09-26

我有一个<span>标签，我用jQuery淡入/淡出

<span id="checkbox_err">Some text Some text Some text Some text Some text Some text </span>

这个span有一个背景。

background-color: #EEAAAA;

我使用

淡出这个span
$("span#checkbox_err").fadeOut("slow");

现在这在Firefox中完美地工作，但在IE中，我得到一个奇怪的问题(虽然不一致)，即在少数情况下，跨度不褪色，即使里面的文本是隐藏的..所以我看到一个空白框的背景颜色..

奇怪的是，当我检查span元素时，它显示为"display:none"

请让我知道，如果这是一个已知的问题，你有任何修复相同的(除了非常明显的淡出("快速");)

不应该使用fadeOut，而应该使用fadeTo。

$("span#checkbox_err").fadeTo('slow',0);

现在让我们更新它以确保它在过渡结束时消失

$("span#checkbox_err").fadeTo('slow',0, function() {
    $(this).hide();
});

无需更改HTML和jQuery。只需在span的css中添加以下内容，它就可以在IE 7,8,9中工作了

background-color: #EEAAAA;display:block;

查看结果在这里:http://jsfiddle.net/prsQd/

jQuery fadeOut()命令实际应用的是" disapply:none" css样式，而fadeIn()命令应用的是"display:block" css样式。

相关文章：