закрыть модальное диалоговое окно начальной загрузки при наведении мыши - PullRequest
Новая
       8

закрыть модальное диалоговое окно начальной загрузки при наведении мыши

0 голосов
/ 06 мая 2019

Я хочу закрыть модальное всплывающее окно при наведении мыши. Я написал код для модального всплывающего окна при наведении мыши. Но не в состоянии написать близкий модал на mouseout.

Ниже приведен код для наведения мыши. Появляется модальное всплывающее окно. Но надо закрывать на мышь. 

<script>
$("#b1").hover(function () {
    $('.bs-example-modal-lg').modal({
        show: true,
        backdrop: false
    });	
});

</script>
<div class="slide" data-thumb="../thumbs/Q50_thumb.jpg">
													
<a data-toggle="modal" data-target=".bs-example-modal-lg" title="">
<img src="../original/Q50_v1_large.jpg" alt="">
<p style="text-align:center;"><i class="icon-line-bag"></i> Hover to details</p>
</a>
												</div>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
 <div class="modal-body">
   <p>Press the SOS button for 3 seconds, user&nbsp;can call and send alarm messages to the phone number.</p>
</div>
</div>

</div>

1 Ответ

1 голос
/ 06 мая 2019

Вы должны передать второй параметр hover, который тоже является функцией, и скрыть наложение всплывающего окна.: 

$("#b1").hover(function () {
    $('.bs-example-modal-lg').modal({
        show: true,
        backdrop: false
    }); 
}, function () {
   $('.bs-example-modal-lg').modal('hide);  
});
...