javascript - Jquery setTimeout 破坏所有功能

Question

我在 JQuery 上有以下函数来显示我的工具提示，但是当我尝试添加超时以在显示工具提示之前进行一些延迟时，没有任何效果(((

$('.help').mouseover(function(){
  setTimeout(function{ //this is timeout if i delete this - evrthng goes well
    $(this).find('div').stop().fadeIn(900);
    var top = $(this).position().top;
    var left = $(this).position().left;
    var height = $(this).find(".tip").height();
    $(this).find(".tip").css('top', top-height);
    $(this).find(".tip").css('left', left)
  }, 1000);
});

请告诉我我做错了什么？

Answer 1

在 setTimeout() 中，this 引用 Window 而不是 $('.help') .试试这个:

$('.help').mouseover(function(){
    var that = this;
    setTimeout(function() {
        $(that).find('div').stop().fadeIn(900);
        var top = $(that).position().top;
        var left = $(that).position().left;
        var height = $(that).find(".tip").height();
        $(that).find(".tip").css('top', top-height);
        $(that).find(".tip").css('left', left)
    }, 1000);
});

考虑到 setTimeout() is a method of Window .