当用户选择模式表单上的删除按钮时,我有一个sweetAlert
弹出框,该表单应将用户重定向到处理删除的页面。 sweetAlert
正确显示。我暂时将theHREF
记录到控制台并且可以告诉它是正确的,如果我将console.log
移动到重定向功能theHREF
未在控制台中显示。
注意:为循环中的每个项目生成模态,我已经验证从模态传递的data-bale-id
是用于用户选择的正确项目。
调用sweetAlert的代码:
<a href="#" class="btn btn-lg btn-danger btn-flat pull-left delete-bale" data-bale-no="<%= baleNo%>" data-bale-id="<%= baleID%>" data-fb-id="<%= fbID%>"><i class="fa fa-trash-o" aria-hidden="true"></i> Delete</a>
这是sweetAlert:
//Delete Bale Sweet Alert
$('a.delete-bale').click(function(e) {
e.preventDefault(); // Prevent the href from redirecting directly
var fbId = $(this).attr("data-fb-id");
var baleId = $(this).attr("data-bale-id");
var baleNo = $(this).attr("data-bale-no");
var theHREF = "bale_delete.asp?fbid=" + fbId + "&fbdid=" + baleId;
console.log(theHREF);
warnBeforeRedirect(baleNo,theHREF);
});
function warnBeforeRedirect(baleNo,theHREF) {
swal({
title: "Delete",
text: "Are you sure that you want to delete this bale? " + baleNo,
type: "question",
confirmButtonColor: '#e45847',
confirmButtonText: '<i class="fa fa-trash-o"></i> Delete',
showCancelButton: true
}, function() {
// Redirect the user
window.location.href = theHREF;
return false;
});
}
当选择sweetAlert
中的确认按钮时,没有任何反应。 sweetAlert
只会消失,您将返回模态。