Question

我要在鼠标移出时关闭“模式弹出”。我为鼠标悬停时的模式弹出窗口编写了代码。但是无法在mouseout上编写close Modal。

下面是鼠标悬停模式弹出窗口的代码。但是需要关闭鼠标。

<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>

Answer 1

您还必须将第二个参数传递给鼠标悬停，这也是一个功能，并隐藏弹出窗口的叠加层。：

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

在mouseout上关闭引导程序模式对话框

1 个答案: