jquery 效果突出显示不起作用

Question

我正在使用我经常使用的高亮功能将头撞在墙上。

在控制台中运行时：

$('.2').effect('highlight', {}, 3000);

它返回：

[ ... ]

这是我想强调的元素。 但是它没有突出显示它，我没有收到任何错误。

有趣的故事，因为当它起作用时； 但我喜欢高光，它本身有一个持续时间，它可以去除高光。

$(".2").css({ backgroundColor: "#FFFF88" });

欢迎任何想法！

http://jsfiddle.net/XxyjE/1/

Answer 1

你还有什么在那个元素上设置背景颜色？ 上面的那些要素呢？

例如，我注意到 Twitter Bootstrap 的 .table-striped 类上的深色会出现此问题。 看起来他们正在为 TD 着色，这意味着您可以突出显示深色 TR，直到您的脸变蓝，而且您仍然不会看到颜色变化。

尝试一个：

$('.2 *').effect('highlight', {}, 3000) 

如果你想确认这是否是问题。 然后尝试从那里找到更具体的选择器。

Answer 2

$.fn.highlight = function(){
  this.css("background", "#ffff99")
  var self = this;
  setTimeout(function(){
    self.css("background", "inherit");
  }, 500);
};

Answer 3

这是我知道的一个老问题，但我最近遇到了类似的问题，并希望与其他遇到类似问题的人分享修复程序。

问题是我试图突出显示的元素设置了transition CSS 属性，这显然干扰了突出显示效果（使其完全不可见）。

Answer 4

我有一个 style="background:white;" 附加到我的元素。 当我删除它时，突出显示工作。