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);
  });