javascript - 为多个对象设置超时

Question

我有多个传单的以下代码，单击时将显示一个帮助文本叠加层，该叠加层会在 4 秒后消失。我可以让它显示帮助文本，但超时不起作用。

$(".flyercontainer").click(function(){
  $(this).children('.flyerHelp').css('opacity',0.8);
  setTimeout(function(){
      $(this).children('.flyerHelp').css('opacity',0);
  },4000);
})

感谢您的帮助。

Answer 1

setTimeOut() 的回调中的 this 并不是您所想的那样(它指向全局对象，window ).

$(".flyercontainer").click(function(){
  var children = $(this).children('.flyerHelp');
  children.css('opacity',0.8);
  setTimeout(function(){
      children.css('opacity',0);
  },4000);
});