javascript - 悬停设置超时不起作用

Question

如果用户将我的横幅悬停 500 毫秒，我想display:none，但以下 JQuery 代码不起作用。哪里出错了？

$('.banner').hover(function() {

      setTimeout(function(){

      $(this).css('display','none');

    }, 500);
}); 

Answer 1

您不能像在匿名函数中那样传递$(this)。将其设置为变量

$('.banner').hover(function() {

    var banner = $(this);

    setTimeout(function() {

        banner.css('display', 'none');

    }, 500);


});

http://jsfiddle.net/fkjn6/