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

范围界定问题

在你的setTimeout中，＆＃34;这个＆＃34;不会引用与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"
    }
});

Answer 2

对＆＃34; this＆＃34;的引用在匿名函数中没有指向任何东西。您可以像这样更改它（即self是匿名函数的可见范围内的变量）：

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

Answer 3

这也应该可以解决问题

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

setTimeout函数无法使用值更改

3 个答案: