IE 上的 jQuery fadeOut("slow") 问题答案

【问题标题】：jQuery fadeOut("slow") issue on IEIE 上的 jQuery fadeOut("slow") 问题
【发布时间】：2011-08-24 17:03:12
【问题描述】：

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

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

这个 span 应用了背景。

background-color: #EEAAAA;

我使用淡出这个跨度

$("span#checkbox_err").fadeOut("slow");

现在这在 Firefox 中完美运行，但在 IE 中，我遇到了一个奇怪的问题（尽管不一致），即在少数情况下，跨度不会淡出，即使其中的文本是隐藏的......所以我看到了带背景颜色的空白框..

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

如果这是一个已知问题，请告诉我，您是否有任何解决方法（除了非常明显的 fadeOut("fast");)

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

无需更改 HTML 和 jQuery。只需在 span 的 css 中添加以下内容即可在 IE 7,8,9 中运行

background-color: #EEAAAA;display:block;

jQuery fadeOut() 命令实际上在元素上应用“disaply:none”css 样式，而fadeIn() 命令应用“display:block”css 样式。

【讨论】：