jQuery效果突出显示不起作用答案

【问题标题】：jquery effect highlight not workingjQuery效果突出显示不起作用
【发布时间】：2020-04-15 03:58:24
【问题描述】：

我正在使用我经常使用的突出显示功能将我的头撞到墙上。

运行时在控制台中：

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

[…]

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

有趣的故事，因为它起作用了；但我喜欢突出显示的地方，它本身有一个持续时间，它会删除突出显示。

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

欢迎提出任何想法！

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

【问题讨论】：

允许对类/ID 使用数字标识符吗？ O_O
你已经正确加载了 JQuery UI？
你的班级名称是asking for trouble!
没有控制台问题。我想我追溯到 1.8.2 的版本问题！
@thordarson - 该链接提供了过时的信息。 HTML5 允许 id 和类名以数字开头，甚至完全由数字组成。

标签： javascript jquery jquery-effects

【解决方案1】：

您还有什么设置该元素的背景颜色？上面那些元素呢？

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

试一试：

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

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

【讨论】：

这类作品，但具有揭示任何隐藏的 (opacity: 0) 孩子的背景效果。在我有限的尝试中，它也只是突出了子元素而不是目标元素。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：