2013-02-02 88 views
3

我使用高亮功能對我的頭撞牆,爲此我經常使用它。jquery效果突出顯示不工作

在控制檯當我運行:

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

它返回:

[...]

這也是我想強調的元素。但它不會突出顯示它,並且我沒有任何錯誤。

有趣的故事,因爲當它工作;但我喜歡強調的是,它本身有一個持續時間,它消除了亮點。

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

歡迎任何想法!

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

+0

允許使用數字標識符作爲classes/ids嗎? O_O – hjpotter92

+1

你有正確的JQuery UI加載? – Plynx

+0

在jsfiddle.net中創建一個複製問題的演示。沒有看到它的任何解決方案只是一個猜測 – charlietfl

回答

7

還有什麼你有設置該元素的背景顏色?在上面的那些元素上?

E.g.我注意到這個問題發生在Twitter Bootstrap的.table-striped類的暗色上。看起來他們正在着色TD,這意味着你可以突出黑暗的TR,直到你在臉上變得藍色,並且你仍然不會看到顏色變化。

嘗試:

$('.2 *').effect('highlight', {}, 3000) 
如果要確認如果是這樣的問題,或者不

。然後嘗試從那裏找到更具體的選擇器。

+0

這類作品,但有一個背景e發現任何隱藏的('不透明:0')孩子的感受。在我有限的嘗試中,它也只是強調了孩子而不是目標元素。 –

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

此保險業監督的老問題,我知道,但我最近正好遇到了類似的問題,並希望分享的是誰遇到類似問題,任何其他的修補程序。

問題是我試圖突出顯示的元素有transition CSS屬性集,這顯然干擾了高光效果(使其完全不可見)。