Sweet Alert Redirect zu gleichen JSP mit wechselnden Abschnitt

Question

Dies ist mein home.jsp und meine süße Warnung umgeleitet auf die gleiche Seite zu anderen Abschnitt. Die Umleitung ist erfolgreich, aber die süße Warnung ist nicht geschlossen. Wenn ich closeOnConfirm setze, funktioniert True Redirect nicht.

$(document).ready(function(){ 
 
$(".btn").on("click",function(){ 
 
var dataString=$("#myForm").serialize(); 
 
$.ajax({ 
 
        type: "POST", 
 
        url: "some.jsp", 
 
        dataType: 'json', 
 
        data: dataString, 
 
        success: function (data) { 
 
         console.log(data);//"success" 
 
         if (data.stat === "success") { 
 
          swal({ 
 
           title: "Submitted!", 
 
           closeOnConfirm: false 
 
          }, function() { 
 
           window.location.href="home.jsp#about"; 
 
          }); 
 
         } else if (data.stat === "failed") { 
 
          swal({ 
 
           title: "Submission Failed!", 
 
           closeOnConfirm: true 
 
          }); 
 
         } 
 
        }, 
 
        error: function (data) { 
 
         console.log(data); 
 
        } 
 
       }); 
 
}); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> 
 
<div id="myForm"> 
 
<form> 
 
<input type="text" name="text"> 
 
<input type="button" value="Send" class="btn"> 
 
</form> 
 
</div> 
 
<div id="about"> 
 
<!-- Some Data --> 
 
</div>

Answer 1

swal.close() in Rückruf gelöscht Funktion mein Problem .

$(document).ready(function(){ 
 
$(".btn").on("click",function(){ 
 
var dataString=$("#myForm").serialize(); 
 
$.ajax({ 
 
        type: "POST", 
 
        url: "some.jsp", 
 
        dataType: 'json', 
 
        data: dataString, 
 
        success: function (data) { 
 
         console.log(data);//"success" 
 
         if (data.stat === "success") { 
 
          swal({ 
 
           title: "Submitted!", 
 
           confirmButtonText: "Visit About", 
 
           closeOnConfirm: false 
 
          }, function() { 
 
           window.location.href="home.jsp#about"; 
 
           swal.close(); 
 
          }); 
 
         } else if (data.stat === "failed") { 
 
          swal({ 
 
           title: "Submission Failed!", 
 
           closeOnConfirm: true 
 
          }); 
 
         } 
 
        }, 
 
        error: function (data) { 
 
         console.log(data); 
 
        } 
 
       }); 
 
}); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> 
 
<div id="myForm"> 
 
<form> 
 
<input type="text" name="text"> 
 
<input type="button" value="Send" class="btn"> 
 
</form> 
 
</div> 
 
<div id="about"> 
 
<!-- Some Data --> 
 
</div>

Answer 2

Versuchen Sie sweetalert config in der folgenden Art und Weise zu ändern, es funktioniert

sweetAlert({ 
 
    title: "Hello", 
 
    text: "<button type='button' class='btn btn-fb fb-share'>Share on Facebook</button>", 
 
    type: null, 
 
    confirmButtonText: "Close", 
 
    html: true, 
 
    closeOnConfirm: true, //It does close the popup when I click on close button 
 
    closeOnCancel: true, 
 
    allowOutsideClick: true 
 
}, function() {}); 
 

 
$(document).on("click", ".fb-share", function(e) { 
 
    //do something else 
 
    openFbPopup(); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>