Задать вопрос
Orange-rus
@Orange-rus
Начинающей верстальщик

Как открыть модальное окно bootstrap при навидению?

Всем привет не могу найти как через скрипты реализовать, открывать модальное окно bootstrap при навидению и только один раз в два дня.
Может тут помогут примерами как реализовать это, заранее спасибо.
Вот пытался реализовать таким способом, но не могу понять как при навидению чтоб работало (
<script type="text/javascript">
// MODAL COOKIE FOR 2 DAYS
$(function() {
    if($.cookie('alreadyShow') === null) {
        // MODAL APPEAR AFTER 2 SECONDS
        setTimeout(function() {
            $('#newsletter-modal').modal();
        }, 2000);

        $.cookie('alreadyShow', true, {expires: 2});

        $('#newsletter-modal').modal({
            display: 'block'
        });
    }
});
        
     </script>
  • Вопрос задан
  • 133 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
NikFaraday
@NikFaraday
Student full-stack Developer
<input type='hidden' id='open-modal' data-toggle='#modal' data-target='#modal-id' />


let isOpen = false;
$('#item-to-open-modal').on('mouseenter', () => {
   if (!isOpen) {
      document.getElementById('open-modal').click()
      isOpen = true;
   }
})

$('#item-to-open-modal').on('mouseleave', () => {
   if (isOpen) {
      document.getElementById('close-modal').click()
      isOpen = false
   }
})
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы