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;" 附加到我的元素。 當我刪除它時，突出顯示工作。