setTimeout()返回Uncaught TypeError

时间:2018-12-20 20:49:59

标签: javascript jquery settimeout

我正在设置以下.hover()函数。

$(".portfolio_overlay").hover(function(){
 setTimeout(function(){
  $(this).fadeTo(750, 0.72, "swing", function(){});
 });
});

控制台输出以下错误:

Uncaught TypeError: Cannot read property 'display' of undefined
at ae (jquery-3.3.1.min.js:2)
at jquery-3.3.1.min.js:2
at Function.grep (jquery-3.3.1.min.js:2)
at j (jquery-3.3.1.min.js:2)
at w.fn.init.filter (jquery-3.3.1.min.js:2)
at w.fn.init.fadeTo (jquery-3.3.1.min.js:2)
at work.js:51

我希望在setTimeout()之前实施fadeTo(),以便在ms效果发生之前给出一些:hover

我在这里想念什么? 预先感谢您的宝贵时间。

1 个答案:

答案 0 :(得分:2)

尝试一下:

$(".portfolio_overlay").hover(function(){
  var that = $(this);
  setTimeout(function(){
    that.fadeTo(750, 0.2, "swing", function(){});
  });
});

请参阅此pen。以前,您尝试使用不同的闭包访问this,因此它不是您期望获得的this