j查询效果突出显示不起作用

jquery effect highlight not working

本文关键字：显示 不起作用 查询      更新时间：2023-09-26

我使用高光功能将头撞在墙上，我经常使用该功能。

在控制台中运行时： 

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

它返回：

[...]

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

有趣的故事，因为当它起作用时; 但我喜欢突出显示的地方，它本身具有删除突出显示的持续时间。

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

欢迎任何想法！

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

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

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

尝试：

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

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

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

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

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

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

相关文章：