設置超時不會以編程方式重置div元素顏色

Question

我想在onc​​lick事件後將我的div元素重置爲白色，但幾乎沒有成功。任何想法出了什麼問題？它保持紅色。

$('.timeline-item').click(function() { 
    $(this).css("background-color","red"); 
    setTimeout(function() { 
     $(this).css("background-color","#FFFFFF"); 
    }, 250); 
}); 

Fiddle here

Answer 1

試試這個，保存引用父作用域（var _this = this），因爲在你的例子this指window

$('.timeline-item').click(function() { 
    var _this = this; 

    $(this).css("background-color","red"); 
    setTimeout(function() { 
     $(_this).css("background-color","#FFFFFF"); 
    }, 250); 
}); 

Answer 2

this超時裏面是不是指元素被點擊，而不是this引用window對象。

您可以使用閉包變量來保存參考點擊的元素，然後在超時處理程序使用它

$('.timeline-item').click(function() { 
    var $this = $(this).css("background-color","red"); 
    setTimeout(function() { 
     $this.css("background-color","#FFFFFF"); 
    }, 250); 
});