jQuery：无法淡出以前褪色的元素

Question

我想在顶部显示通知 - 持续2秒 - 告诉我哪个版本的jQuery＆amp; 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);
  });