JavaScript SweetAlert

Question

我的确认按钮有问题。当我点击按钮，我仍然有相同的链接在顶部，你可以检查代码，你会看到链接应该是'www.website.com?‘，但window.location.href='?'不工作。

​

	function myfunction(){ 
		swal({
		   title: 'Sweet Alert',
		   html: true,
		   type: "success",
		   showConfirmButton:true,
		   preConfirm: function(end) {
				window.location.href='?'
		   }
	   });
	   
	};

<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>
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"/>

<input type='button' onclick='myfunction()' value='Sweetalert'>

​

Answer 1

您使用的是没有preConfirm的甜警报版本，因此该函数永远不会在代码中执行。您需要具有preConfirm的叉：https://github.com/limonte/sweetalert2 preConfirm也期望返回承诺，参见示例：https://limonte.github.io/sweetalert2/#ajax-request

​

function myfunction() {
    swal({
        title: 'Sweet Alert',
        html: true,
        type: "success",
        showConfirmButton: true,
        preConfirm: function (end) {
            $('#test').html('success');
            return new Promise(function (resolve, reject) {
                resolve();
            });
        }
    });

};

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

<input type='button' onclick='myfunction()' value='Sweetalert'>
<div id="test"></div>

​