Jquery sweetAlert返回默认值并返回true
我尝试了插件,它工作得很好,但我不知道如何在确认后做默认的东西Jquery sweetAlert返回默认值并返回true,jquery,return,preventdefault,sweetalert,Jquery,Return,Preventdefault,Sweetalert,我尝试了插件,它工作得很好,但我不知道如何在确认后做默认的东西 $(document).ready(function () { function handleDelete(e){ e.preventDefault(); swal({ title: "Are you sure?", text: "You will not be able to recover the delaer again!", type: "warning",
$(document).ready(function () {
function handleDelete(e){
e.preventDefault();
swal({
title: "Are you sure?",
text: "You will not be able to recover the delaer again!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete!",
closeOnConfirm: false
},
function (isConfirm) {
if (isConfirm) {
return true;
}
});
};
});
还有按钮
<a href="{plink delete! $row->id_dealers}" class="delete" onclick"handleDelete(event);"> </a>
//{plink delete! $row->id_dealers} Nette -> calls php delete handler
//{plink delete!$row->id\u deleters}Nette->调用php删除处理程序
我还尝试了unbind()
和off()
而不是return false
,但都不起作用。
之前我在
onclick
属性中使用了confirm()
和return true
和return false
,它可以工作,但看起来很糟糕 你可以试试这样的东西
$(document).ready(function () {
$('.delete').on('click',function(e, data){
if(!data){
handleDelete(e, 1);
}else{
window.location = $(this).attr('href');
}
});
});
function handleDelete(e, stop){
if(stop){
e.preventDefault();
swal({
title: "Are you sure?",
text: "You will not be able to recover the delaer again!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete!",
closeOnConfirm: false
},
function (isConfirm) {
if (isConfirm) {
$('.delete').trigger('click', {});
}
});
}
};
<form action="">
<input type="submit" ...... />
</form>
$(e.target).trigger('click', {});
这是一个演示
另一种方法是使用表单而不是href
标记将如下所示
$(document).ready(function () {
$('.delete').on('click',function(e, data){
if(!data){
handleDelete(e, 1);
}else{
window.location = $(this).attr('href');
}
});
});
function handleDelete(e, stop){
if(stop){
e.preventDefault();
swal({
title: "Are you sure?",
text: "You will not be able to recover the delaer again!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete!",
closeOnConfirm: false
},
function (isConfirm) {
if (isConfirm) {
$('.delete').trigger('click', {});
}
});
}
};
<form action="">
<input type="submit" ...... />
</form>
$(e.target).trigger('click', {});
这是一个演示,我是如何做到的:
$('.delete').on('click', function(e) {
e.preventDefault();
var currentElement = $(this);
swal({
title: "Are you sure?",
text: "You will not be able to recover the delaer again!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete!",
closeOnConfirm: false
},
function () {
window.location.href = currentElement.attr('href');
}
);
});
我是这样做的:
<script>
$(document).ready(function () {
$("#submitDelete").on("click", function () {
swal({
title: "Delete important stuff?",
text: "That seem like your deleting some important Item. Are you sure?",
dangerMode: true,
icon: "warning",
buttons: true,
dangerMode: true
}).then((confirmed) => {
if (confirmed) {
$(function () {
$('#DeleteForm').submit(); // manully submit });
});
}
});
});
});
$(文档).ready(函数(){
$(“#提交数据”)。在(“单击”上,函数(){
游泳({
标题:“删除重要内容?”,
文字:“这似乎是你删除了一些重要的项目。你确定吗?”,
丹格莫德:没错,
图标:“警告”,
按钮:是的,
邓格莫德:是的
}).然后((确认)=>{
如果(已确认){
$(函数(){
$('#DeleteForm').submit();//手动提交});
});
}
});
});
});
由于
e.preventDefault(),事件已停止代码>所以默认的东西将不再工作。是的,我知道。这就是为什么我在这里要求解决方案:)对于那些拥有同一类的多个链接的人,不要忘记$('.delete').trigger('click',{});不引用单击的元素,而是引用class=“delete”。@kikinet如果有多个元素,则可以使用$(e.target).trigger('click',{})代码>。用另一个演示更新了我的答案。对我来说,在函数(isConfirm)
上使用触发器操作会导致一个带有删除按钮的循环。我用form.submit()更改了操作代码>,工作起来很有魅力。谢谢