Как заставить всплывающее окно с уведомлением исчезать после ожидаемой задержки, используя jquery?
Я пытаюсь создать систему всплывающих уведомлений, наподобие того, что мы находим в Facebook (например, если вы подключены к Facebook, и кто-то только что прокомментировал вашу фотографию на Facebook, всплывающий пузырь появится внизу справа от вашего компьютера. экран, информирующий вас об этом). Я почти закончил сборку такой системы, но это все еще одна проблема, которую нужно исправить. Фактически, предполагается, что при наведении указателя мыши на всплывающий пузырь с уведомлением его анимация останавливается, а затем при наведении указателя мыши через некоторое время произойдет fadeOut (например 5 секунд). Проблема в том, что при наведении курсора мыши на всплывающие пузырьки уведомлений несколько раз будет происходить постепенное исчезновение каждого пузырька, который вы навели на него через очень короткое время (скажем, менее чем через секунду), а не через 5 секунд (что не так это ожидаемо). Для более подробного объяснения, пожалуйста, посмотрите на эту ссылку: системный код всплывающих уведомлений (это мой код для системы всплывающих уведомлений, которую я пытаюсь создать). Затем, пожалуйста, нажмите на кнопку "Клик", чтобы создать пузыри. Затем наведите указатель мыши на созданные пузырьки снизу вверх и сверху вниз несколько раз, и через несколько секунд вы заметите, о чем я вам говорил. У меня вопрос, как я могу решить эту проблему и заставить систему работать правильно?.. что не так в моем коде?
Заранее спасибо.