Элегантный способ закрыть twitter bootstrap tooltip

Question

Я использую Twitter Bootstrap v3, чтобы добавить подсказку «Неверный вход» в кнопку входа в систему. Вот мой код:

$('#login-form').submit(function(event) { 
     event.preventDefault(); 
     $.post('/user/login', $(this).serialize(), function(data) { 
      if (data.result == true) { 
       window.location.replace('/'); 
      } else { 
       var target = $('#login-form button[type="submit"]'); 
       target.tooltip({ 
        title:  'Invalid login', 
        placement: 'bottom', 
        trigger: 'manual', 
        animation: true 
       }); 
       target.tooltip('show'); 
       setTimeout(function() { 
        target.tooltip('destroy'); 
       }, 2000); 
      } 
     }, 'json') 
    }); 

В частности, мне интересно, если есть лучший способ, чтобы закрыть подсказку. Я надеялся, что смогу настроить плагин tooltip, чтобы автоматически исчезать через несколько секунд. В качестве альтернативы я попытался связать .fade(2000) после вызова метода 'show', но это не сработало.

Приведенный выше код работает, я просто ищу более элегантную альтернативу.

Answer 1

Вы можете попробовать поставить параметр «задержка», когда подсказка инициализации

как следующий код

  target.tooltip({ 
       title:  'Invalid login', 
       placement: 'bottom', 
       trigger: 'manual', 
       animation: true, 
       delay: { show: 2000, hide: 3000 } 
      });