自举模式弹出窗口在点击关闭时打开

嗨，我已经创建了引导模式以询问客户反馈。当用户尝试关闭点按或浏览器时，此模型会显示。帮我。自举模式弹出窗口在点击关闭时打开

型号：

<div id="myModal" class="modal fade" role="dialog"> 
     <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      </div> 
      <div class="modal-body"> 
      <div class="popupBG1"> 

       <div class="popupCTARow"> 
        <div class="popupCTA1"> 
         <a href="javascript:void(0);">Ok</a> 
        </div> 
        <div class="popupCTA2"> 
         <a href="javascript:void(0);">Cancel</a> 
        </div> 
       </div> 
      </div> 
    </div>

的Javascript：

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#myModal1").modal('show'); 
     });  
</script>

来源

2017-08-10 user2172424

您不能显示的引导模式，当用户试图离开，但你可以展现提示，如果这就是你想要的：

window.onbeforeunload = function(){ 
    return 'Are you sure you want to leave?'; 
};

https://codepen.io/kastriotcunaku/pen/xLrVRb

来源

2017-08-10 11:54:44 kastriotcunaku

我试过这不适用于模态... – user2172424

@ user2172424 - 您无法停止关闭选项卡并显示模式。首先，如果他想留下或离开，您需要提示用户。如果他选择留下，那么你可以显示bootstrap模式。检查演示在这里：https://codepen.io/kastriotcunaku/pen/xLrVRb （为了使工作迅速，用户首先需要与页面交互;对于测试尝试点击正文，然后关闭标签） – kastriotcunaku

试试这个，并使用在卸载事件期间弹出窗口：window.open（“To survey page ...”）;只是不会与浏览器默认阻止弹出窗口的用户一起工作，除非该网站是白名单。 – eaglei22

自举模式弹出窗口在点击关闭时打开

回答

相关问题