Код для всплывающей подсказки через 3 секунды работает нормально только в первый раз, если я не перезагружаю страницу. Я думаю, что функция наведения выполняется только один раз

Question

$('#example').hover(function() {
setTimeout(function(){$('[data-toggle="tooltip"]').tooltip('hide'); },3000);

}

Вот ссылка на js fiddle: - https://jsfiddle.net/akshandilya/8qmgnpb1/2/

Answer 1

Вам нужно добавить прослушиватель событий к наведению курсора.Если вы протестируете его снова, но подождите три секунды, прежде чем зависнуть, вы заметите, что он даже не работает с первого раза.Таймер запускается через 3 секунды ПОСЛЕ загрузки документа.Вот как вы должны его изменить:

$('[data-toggle="tooltip"]').tooltip();
$('a').hover(function()  {
  setTimeout(function() {
    $('[data-toggle="tooltip"]').tooltip('hide');
  },3000);
});

Таким образом, тайм-аут происходит ПОСЛЕ того, как зависание фактически началось.