Javascript 单击“删除”,在按“确定”之前不停止
我在删除调用中使用onclickJavascript 单击“删除”,在按“确定”之前不停止,javascript,jquery,Javascript,Jquery,我在删除调用中使用onclick "<a href='" + Url.Action("Delete", "OBProfile", new { id = "#= ProfileID#" }) + "' title='Delete' id='deleteButton' class='btn btn-danger btn-sm deleteButton' onclick='return confirm_delete(#= ProfileID#)'>Delete</a>"
"<a href='" + Url.Action("Delete", "OBProfile", new { id = "#= ProfileID#" })
+ "' title='Delete' id='deleteButton' class='btn btn-danger btn-sm
deleteButton' onclick='return confirm_delete(#= ProfileID#)'>Delete</a>"
问题是它不会停止并等待删除按钮被按下。它调用脚本,弹出框,删除记录,刷新页面。我需要在单击确认按钮时进行处理。这是使用完成的,因此,无论如何,您必须使用
jQuery
才能使swal
工作。因此,不要像以前那样使用内联事件处理程序(onclick='return confirm\u delete…
)。使用jQuery方式的事件绑定,防止默认行为,当确认删除时,设置指向链接URL的位置,如下所示
$(“#删除按钮”)。在(“单击”上,函数(evt){
evt.preventDefault();
var_this=这个;
游泳({
标题:“你确定吗?”,
text:“您将无法恢复此虚拟文件!”,
键入:“警告”,
showCancelButton:true,
confirmButtonColor:“#DD6B55”,
confirmButtonText:'是,删除它!',
closeOnConfirm:false
},功能(isConfirm){
如果(我确认){
swal(“已删除!”,“您想象的文件已被删除。”,“成功”);
location.href=\u this.href;
}
});
});代码>
jsfiddle还是什么?部分“function(){swal(“Deleted!”,“Your virtual file has Deleted!”,“success”);}”应该是它自己的函数,并且应该在submit调用时调用它。JSFIDLE也会有帮助:)您应该移动实际的删除部分swal(“已删除!”,“您的虚拟文件已删除!”,“成功”)
进入一个新函数,并在用户按下确认按钮后调用它。Url.Action(“Delete”,“OBProfile”,new{id=“#=ProfileID#”})
做什么?生成URL?是的,它生成一个删除URL。这似乎并没有停止删除调用。它仍然处理单击时的删除,至少在我给出的示例中没有。
function confirm_delete() {
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: '#DD6B55',
confirmButtonText: 'Yes, delete it!',
closeOnConfirm: false
},
function () {
swal("Deleted!", "Your imaginary file has been deleted!", "success");
});
};