2017-08-10 10 views
0

こんにちは私は顧客からのフィードバックを求めるブートストラップモデルを作成しました。このモデルは、ユーザーがタップまたはブラウザを閉じるときに表示されます。助けて。タップクローズ時にブートストラップモーダルポップアップを開く

モデル:

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

答えて

2

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

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

+0

これはモーダルでは機能しませんでした。 – user2172424

+0

@ user2172424 - タブを閉じてモーダルを表示することはできません。まず、あなたが滞在するか放置するかをユーザに促す必要があります。彼が滞在することを選択した場合は、ブートストラップモードを表示できます。ここでデモをチェックしてください:https://codepen.io/kastriotcunaku/pen/xLrVRb (プロンプトを出すには、まずユーザーがページとやりとりする必要があります。テストでは、本文をクリックしてからタブを閉じてください) – kastriotcunaku

+0

これを試して、アンロードイベント中にポップアップウィンドウを開きます:window.open( "調査ページに...");そのサイトがホワイトリストに載っていない限り、ポップアップをブロックするデフォルトのブラウザを使用しているユーザーと一緒に作業してください。 – eaglei22

関連する問題