jquery - 带有隐藏模式的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 中实现这一点，我想知道如何在高亮结束后进行淡出或类似的操作。

谢谢你的帮助

Answer 1

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

我发现的解决方法是添加

$('#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);
});