javascript - jQuery:无法淡出先前淡入的元素

Question

我想在顶部显示一条通知 – 2 秒 – 告诉我加载了哪个版本的 jQuery 和 jQuery UI。不幸的是，我以后似乎无法隐藏它。

我的代码

$('<div>jQuery v' + jQuery.fn.jquery + ' and jQuery UI v' +  jQuery.ui.version + ' loaded.</div>')
.addClass('ui-state-highlight').prependTo('body').hide(0, function() {
  $(this).fadeIn(500, function() {
    setTimeout(function() {
      $(this).fadeOut(500, function() {
        $(this).remove();
      });
    }, 2000);
  });
});

jQuery Lint 说我做错了——这是真的——但我不知道如何正确地做到这一点。

Answer 1

这可能是一个范围问题。尝试:

  $(this).fadeIn(500, function() {
    var parentContext = $(this);
    setTimeout(function() {
      parentContext.fadeOut(500, function() {
        $(this).remove();
      });
    }, 2000);
  });