javascript - 该选择器在超时时间内不起作用

Question

有一个隐藏的 div，必须在几秒钟的延迟后显示，并根据其高度获取样式。这些隐藏的 div 是动态的。因此，他们每个人都有独特的高度。找不到隐藏 div 的高度，因此，我在删除隐藏元素的类后添加了高度计算。现在，当我使用实际的类或删除超时时，脚本似乎正在工作。当在超时内使用(this)时 - 没有任何反应，并且控制台中没有错误。

if ($(".bubble")[0]) {
  $(".bubble").each(function() {
    setTimeout(function() {
      $(this).removeClass("hide");
      var bubblehe = $(this).height();
      $(this).css('top', bubblehe);
    }, 2000)

  });

  $(document.body).click(function() {
      $(".bubble").addClass("hide");
    }
  }

.hide (display:none;)

Answer 1

setTimeout 有它自己的上下文，因此其中的 this 不会是您的节点

if($(".bubble")[0]) {       
        $(".bubble").each(function(){
            const self = this;
            setTimeout(function(){
                $(self).removeClass("hide");
                var bubblehe = $(this).height();
                $(self).css('top',bubblehe);
            }, 2000)

        });

        $(document.body).click(function(){
            $(".bubble").addClass("hide");
        }
}