如何在'sweetAlert'警报'ok'点击后调用引导模式？

我想在sweetAlert警报上单击“确定”按钮后调用引导程序模式。如何在'sweetAlert'警报'ok'点击后调用引导模式？

所以，用户点击OK按钮后sweetAlert提醒。它会自动调用bootstrap模态。我在JavaScript中尝试了下面的代码，但没有奏效。

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

来源

2016-10-22 van cabrera

嘿，我工作。在这里检查你的代码：[https://jsfiddle.net/tejashsoni111/baohk928/](https://jsfiddle.net/tejashsoni111/baohk928/） – tejashsoni111

确保你正在按照正确的顺序包含'JavaScripts'。 – tejashsoni111

@ tejashsoni111我的坏...谢谢！你是对的 –

你的代码是工作的罚款

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>

来源

2016-10-22 06:10:53

如何在'sweetAlert'警报'ok'点击后调用引导模式？

回答

相关问题