'sweetAlert'アラートの後にブートストラップモーダルを呼び出す方法 'ok'をクリックしましたか？

Question

sweetAlertアラートで「OK」ボタンをクリックした後、ブートストラップモーダルを呼び出したいとします。

したがって、ユーザーがsweetAlertアラートのOKボタンをクリックした後。ブートストラップモーダルを自動的に呼び出します。私はJavaScriptの下でそのコードを試したが、うまくいきませんでした。

ブートストラップMODAL

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

JSコード

<script language='javascript'> 
    swal({ 
     title: 'Sample Title', 
     text: 'Hi', 
     type: 'success', 
     allowOutsideClick: true, 
     html: true 
    }, 
    function() { 
     $('#change_password').modal('show'); 
    }); 
</script> 

Answer 1

あなたのコードは、私は、ちょっと細かい

swal({ 
 
    title: 'Sample Title', 
 
    text: 'Hi', 
 
    type: 'success', 
 
    allowOutsideClick: true, 
 
    html: true 
 
}, 
 
function() { 
 
    $('#change_password').modal('show'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="modal fade" id="change_password" role="dialog"> 
 
    <div class="modal-dialog modal-sm"> 
 
     <div class="modal-content"> 
 
      <div class="modal-header"> 
 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      </div> 
 
      <div class="modal-body change_password"> 
 
       Modal body 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>