setTimeout不起作用？

Question

我正在嘗試在衰落元素上設置超時，以便在再次淡入/淡出之前有一點緩沖。 由於某些原因，我的setTimeout函數似乎無法正常工作。 我以前遇到過這種麻煩，我真的很想知道為什么。

這是我目前正在使用的：

var button_timer;
    if (fade_in_but_hover != "none" && fade_out_but_hover != "none") {
        $(".first-level-items > .li").hover(function() {
            clearTimeout(button_timer);
            $(this).find("a").first().animate({ color: font_color_hover }, fade_in_but_hover);
        }).mouseleave(function() {
            button_timer = setTimeout(function() {
                $(this).find("a").first().animate({ color: font_color }, fade_out_but_hover);
            }, 1000);
        });
    }

Answer 1

您需要范圍this

  }).mouseleave(function () {
      var $this = $(this);//here
      setTimeout(function () {
          //use $this here
          $this.find("a").first().animate({
              color: font_color
          }, fade_out_but_hover);
      }, 1000);
  });