关于jquery悬停函数的模态

Question

我想尝试一个小技巧来提高我网站的跳出率.当用户将光标移动到页面顶部的第一个5px时,我想他想要离开页面,所以我想给他一个带搜索框或一些相关文章的模态.

所以我们在这里:

$(document).ready(function(){
$( "#test" ).hover(function() {
        //alert("testing the mouseover");
        return false;
});  
});
 

#test 是我正在讨论的页面顶部的5px div的id.

问题是我不知道如何用我的bootstrap模式替换警报.

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

Answer 1

试试这个:

 $(document).ready(function(){
    $( "#test" ).hover(function() {
           $('.modal').modal({
        show: true
    });
  });  
});

的jsfiddle