jquery突出显示效果，隐藏模式无法在IE上运行

Question

我有一个显示消息的div，我希望消息显示几秒钟然后消失直到它消失。

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

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

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

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

如果在IE中无法实现这一点，我想知道如何在突出显示结束后进行fadeOut或类似的操作。

感谢您的帮助

Answer 1

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

我找到的解决方法是添加

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

之前

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

清除IE过滤器问题。

Answer 2

一般来说，我没有连锁效应。您可能希望使用回调：

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