Как сделать задержку перед выполнением основного JS скрипта при hover?

Добрый день, подскажите пожалуйста, не могу разобраться как можно достичь паузы при наведении на определенный объект, и после истечения который сделать основное действие скрипта

А именно в ручном режиме нужно включать tooltip-ы у bootstrap-а

$(".tooltip-element").hover(function() {
  $(this).tooltip({
    trigger: "manual",
    container: 'body'
  })
})
.on("mouseenter", function() {
  var _this = this;
    $(this).tooltip("show");
})
.on("mouseleave", function() {
  var _this = this;
  setTimeout(function() {
    $(_this).tooltip("hide");
  }, 500);
});


у bootstrap-а есть из коробки параметр delay, но у меня определенная задача производить инициализацию только при hover-е на объекте, с отсроченным угасанием проблем нет через setTimeout, а как сделать чтобы появление при наведении было тоже только спустя 500мс

Здесь выложил пример: jsfiddle.net/Lbt8zuko
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
@mikhailivanko
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы