setTimeout函數不能使用值更改

Question

setTimeout函數不按預期工作。 這裏是我的代碼：

$(document).delegate('.pur','click', function(e){ 
    var productid = $(this).attr('id'); 
    var quantity = $('#qua').val(); 
    if(quantity>0){ 
     this.value='Adding'; 
    } 
    else{ 
     this.value='Min 100'; 
     setTimeout(function(){this.value='Buy now'}, 3000); 
    } 
}); 

上面的代碼不會在所有的工作，它不會在3秒後，因爲它是意料之中的事改變數值。任何缺陷或其中的東西？任何人都可以幫助找出它有什麼問題嗎？

Answer 1

在匿名函數中對「this」的引用不指向任何內容。你可以改變它像這樣（即self是在您的匿名函數的可見範圍內的變量）：

 this.value='Min 100'; 
    var self = this; 
    setTimeout(function(){self.value='Buy now'}, 3000); 

Answer 2

這也應該做的伎倆

setTimeout(function() { this.value = 'Buy now'; }.bind(this), 3000) 

Answer 3

範圍界定問題

內你的setTimeout，「this」不是指setTimeout外的同一個對象。

修復它像這樣

$(document).delegate('.pur','click', function(e){ 
    var productid = $(this).attr('id'); 
    var quantity = $('#qua').val(); 
    if(quantity>0){ 
     this.value='Adding'; 
    } 
    else{ 
     this.value='Min 100'; 
     var that = this; // hold a reference to "this" as "that" 
     setTimeout(function(){that.value='Buy now'}, 3000); // use "that" instead of "this" 
    } 
});