2

我想将 $(this) 传递给函数,但我不确定。有一个类似的线程,但我仍然无法使其工作。我希望有人能帮助我。

$(document).ready(function() {
  var delay = (function(){
    var timer = 0;
    return function(callback, ms){
      clearTimeout (timer);
      timer = setTimeout(callback, ms);
    };
  })();

  $('input').keyup(function() {
      delay(function(){
        alert($(this).val());
      }, 1000 );
  });
});
4

4 回答 4

8

您应该保存对此的引用:

$('input').keyup(function() {
    var $this = $(this);
    delay(function(){
      alert($this.val());
    }, 1000 );
});

另一种选择是重新绑定this到函数:

  $('input').keyup(function() {
      delay(function(){
        alert($(this).val());
      }.bind(this), 1000 );
  });
于 2012-08-15T12:17:19.080 回答
1

您需要带上上下文:

return function(callback, ms, context){
  clearTimeout (timer);
  timer = setTimeout(function() {
      callback.call(context);
   }, ms);
};

接着

delay(function() {
    alert($(this).val());
}, 1000, this );

但正如其他人发布的那样,将上下文保存在局部变量中可能是您​​真正想要的。这是另一种方法:

$('input').keyup(function() {
  delay((function(self) {
    return function() {
      alert($(self).val());
    };
  }(this)), 1000);
});
于 2012-08-15T12:20:37.620 回答
0

$(this)保留对函数外部的引用。

 // ...

    $('input').keyup(function() {
        var $this = $(this);
        delay(function() {
            alert( $this.val() );
        }, 1000)
    });
于 2012-08-15T12:17:20.643 回答
0

由于功能范围的变化,这发生了变化。您需要使用闭包来存储该值。

如果你传递的只是你不需要的值 $(this)

$('input').keyup(function() {
  var val = this.value;
  delay(function(){
    alert(val);
  }, 1000 );
});

另一种方法是

$('input').keyup(function() {
  delay((function(val){
    return function() {
      alert(val);
    };
  }(this.value)), 1000 );
});
于 2012-08-15T12:20:13.410 回答