带有隐藏模式的jquery高亮效果在IE上不起作用答案

【问题标题】：jquery highlight effect with hide mode not working on IE带有隐藏模式的jquery高亮效果在IE上不起作用
【发布时间】：2010-12-08 18:37:15
【问题描述】：

我有一个 div 来显示一条消息，我希望消息显示几秒钟，然后淡出直到消失。

我只是定义一个普通的 div 并在页面加载时隐藏它 $('#mydiv').hide();

我有一个按钮来显示具有所需效果的 div，为此，我正在使用：

  $('#myDiv').fadeIn('fast').effect("highlight", { color: "green", mode:"hide" }, 5000);

这在 Firefox 和 Chrome 上完美运行，但在 IE 上（在 6、7 和 8 上尝试过）它只在第一次运行，之后就不会显示消息了。

如果没有办法在 IE 中实现这一点，我想知道如何在高亮结束后执行淡出或类似的操作。

感谢您的帮助

【问题讨论】：

【解决方案1】：

看起来这个jQuery ticket 与您的问题有关。

我找到的解决方法是添加

$('#myDiv').removeAttr('style');

之前

$('#myDiv').fadeIn('fast')
           .effect("highlight", { color: "green", mode:"hide" }, 5000);

清除 IE 过滤器问题。

【讨论】：

【解决方案2】：

一般来说，我不会产生连锁效应。您可能想改用回调：

$('#myDiv').fadeIn('fast', function() {
  $(this).effect("highlight", { color: "green", mode:"hide" }, 5000);
});

【讨论】：

fadeIn 工作正常使用它链接，关于回调，这正是我正在寻找的，我不知道我可以添加一个回调作为效果方法的第四个参数，即成功了（而不是使用 mode:"hide" 我在回调中使用 hide() 方法。谢谢！
由于链接它们并切换到回调修复了它，我的效果同时发生。