javascript - 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

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

Answer 4

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

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